Fix React 18 react-dom/client dynamic import

storybookjs · Apr 18, 2022 · d19fdec · d19fdec
1 parent 6415d8e
commit d19fdec
Showing 1 changed file with 1 addition and 2 deletions.
diff --git a/app/react/src/client/preview/render.tsx b/app/react/src/client/preview/render.tsx
@@ -72,9 +72,8 @@ const getReactRoot = async (el: Element): Promise<ReactRoot | null> => {
   let root = nodes.get(el);
 
   if (!root) {
-    // Skipping webpack's static analysis of import paths by defining the path value outside the import statement.
     // eslint-disable-next-line import/no-unresolved
-    const reactDomClient = await import('react-dom/client');
+    const reactDomClient = (await import('react-dom/client')).default;
     root = reactDomClient.createRoot(el);
 
     nodes.set(el, root);