[joy-ui][GlobalStyles] Ensure compatibility with RSC (#38955)

mui · Sep 15, 2023 · 163068d · 163068d
1 parent bf4d816
commit 163068d
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 12 deletions.
diff --git a/packages/api-docs-builder/buildApi.ts b/packages/api-docs-builder/buildApi.ts
@@ -182,8 +182,9 @@ async function run(argv: yargs.ArgumentsCamelCase<CommandOptions>) {
             (component.filename.includes('mui-joy') &&
               // Box's demo isn't ready
               // Container's demo isn't ready
+              // GlobalStyles's demo isn't ready
               // Grid has problem with react-docgen
-              component.filename.match(/(Box|Container|ColorInversion|Grid)/)) ||
+              component.filename.match(/(Box|Container|ColorInversion|Grid|GlobalStyles)/)) ||
             (component.filename.includes('mui-system') && component.filename.match(/GlobalStyles/))
           ) {
             return false;

diff --git a/packages/mui-joy/src/GlobalStyles/GlobalStyles.tsx b/packages/mui-joy/src/GlobalStyles/GlobalStyles.tsx
@@ -0,0 +1,12 @@
+'use client';
+import * as React from 'react';
+import { GlobalStyles as SystemGlobalStyles, GlobalStylesProps } from '@mui/system';
+import defaultTheme from '../styles/defaultTheme';
+import THEME_ID from '../styles/identifier';
+import { Theme } from '../styles/types';
+
+function GlobalStyles(props: GlobalStylesProps<Theme>) {
+  return <SystemGlobalStyles {...props} defaultTheme={defaultTheme} themeId={THEME_ID} />;
+}
+
+export default GlobalStyles;
diff --git a/packages/mui-joy/src/GlobalStyles/index.tsx b/packages/mui-joy/src/GlobalStyles/index.tsx
@@ -1,11 +1 @@
-import * as React from 'react';
-import { GlobalStyles as SystemGlobalStyles, GlobalStylesProps } from '@mui/system';
-import defaultTheme from '../styles/defaultTheme';
-import THEME_ID from '../styles/identifier';
-import { Theme } from '../styles/types';
-
-function GlobalStyles(props: GlobalStylesProps<Theme>) {
-  return <SystemGlobalStyles {...props} defaultTheme={defaultTheme} themeId={THEME_ID} />;
-}
-
-export default GlobalStyles;
+export { default } from './GlobalStyles';