fix(plugins): import react while using react16 (#11926)

* fix(plugins): import react while using react16 * fix(plugins): import react while using react16
umijs · Dec 5, 2023 · 4041a07 · 4041a07
1 parent c88105b
commit 4041a07
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 0 deletions.
diff --git a/packages/plugins/src/react-query.ts b/packages/plugins/src/react-query.ts
@@ -64,6 +64,7 @@ export default (api: IApi) => {
       path: 'runtime.tsx',
       content: enableQueryClient
         ? `
+import React from 'react';
 import { defaultContext, QueryClient, QueryClientProvider } from '${pkgPath}';
 import { ReactQueryDevtools } from '${devtoolPkgPath}';
 ${reactQueryRuntimeCode}

diff --git a/packages/plugins/src/styled-components.ts b/packages/plugins/src/styled-components.ts
@@ -104,6 +104,7 @@ export { styled, ThemeProvider, createGlobalStyle, css, keyframes, StyleSheetMan
     api.writeTmpFile({
       path: 'runtime.tsx',
       content: `
+import React from 'react';
 ${hasProvider ? `import { StyleSheetManager } from '${winPath(libPath)}';` : ``}
 
 ${styledComponentsRuntimeCode}

diff --git a/packages/preset-umi/src/features/icons/icons.ts b/packages/preset-umi/src/features/icons/icons.ts
@@ -120,6 +120,9 @@ export default (api: IApi) => {
         }
       }
     }
+    if (code.length) {
+      code.unshift("import React from 'react';");
+    }
     api.writeTmpFile({
       path: 'icons.tsx',
       content: code.join('\n') || EMPTY_ICONS_FILE,