diff --git a/packages/react-widgets/src/SlideDownTransition.tsx b/packages/react-widgets/src/SlideDownTransition.tsx
index 720e4b971..c38305db0 100644
--- a/packages/react-widgets/src/SlideDownTransition.tsx
+++ b/packages/react-widgets/src/SlideDownTransition.tsx
@@ -39,6 +39,13 @@ class SlideDownTransition extends React.Component<SlideDownTransitionProps> {
     onEntered: PropTypes.func,
   }
 
+  private readonly nodeRef: React.RefObject<any>
+
+  constructor(props: SlideDownTransitionProps) {
+    super(props);
+    this.nodeRef = React.createRef();
+  }
+
   getHeight(container: HTMLElement) {
     let content = container.firstChild as HTMLElement
     let margin =
@@ -92,6 +99,7 @@ class SlideDownTransition extends React.Component<SlideDownTransitionProps> {
     return (
       <Transition
         {...props}
+        nodeRef={this.nodeRef}
         appear
         in={this.props.in}
         onEnter={this.setContainerHeight}
diff --git a/www/src/pages/index.js b/www/src/pages/index.js
index d20d76fe4..f095aa506 100644
--- a/www/src/pages/index.js
+++ b/www/src/pages/index.js
@@ -18,6 +18,7 @@ function Home() {
   const context = useDocusaurusContext()
   const { siteConfig = {} } = context
   return (
+    <React.StrictMode>
     <Layout title={siteConfig.title} className="flex">
       <main className="flex md:flex-row flex-col h-100 md:space-x-10 space-y-6 mt-10 pb-20 items-center justify-around self-center">
         <div>
@@ -55,6 +56,7 @@ function Home() {
         </div>
       </main>
     </Layout>
+    </React.StrictMode>
   )
 }