[examples] Fix build on Next.js Pages Router examples (mui#40665)

oliviertassinari · web-flow · commit fb8ba1d2e886 · 2024-01-23T00:48:48.000+01:00
diff --git a/examples/joy-ui-nextjs-ts/src/components/ThemeRegistry/EmotionCache.tsx b/examples/joy-ui-nextjs-ts/src/components/ThemeRegistry/EmotionCache.tsx
@@ -9,10 +9,7 @@ export type NextAppDirEmotionCacheProviderProps = {
   /** This is the options passed to createCache() from 'import createCache from "@emotion/cache"' */
   options: Omit<OptionsOfCreateCache, 'insertionPoint'>;
   /** By default <CacheProvider /> from 'import { CacheProvider } from "@emotion/react"' */
-  CacheProvider?: (props: {
-    value: EmotionCache;
-    children: React.ReactNode;
-  }) => React.JSX.Element | null;
+  CacheProvider?: React.ElementType<{ value: EmotionCache }>;
   children: React.ReactNode;
 };
 
diff --git a/examples/material-ui-nextjs-pages-router-ts/pages/_document.tsx b/examples/material-ui-nextjs-pages-router-ts/pages/_document.tsx
@@ -1,9 +1,13 @@
 import * as React from 'react';
 import { Html, Head, Main, NextScript, DocumentProps, DocumentContext } from 'next/document';
-import { DocumentHeadTags, documentGetInitialProps } from '@mui/material-nextjs/v14-pagesRouter';
+import {
+  DocumentHeadTags,
+  DocumentHeadTagsProps,
+  documentGetInitialProps,
+} from '@mui/material-nextjs/v14-pagesRouter';
 import theme, { roboto } from '../src/theme';
 
-export default function MyDocument(props: DocumentProps) {
+export default function MyDocument(props: DocumentProps & DocumentHeadTagsProps) {
   return (
     <Html lang="en" className={roboto.className}>
       <Head>
diff --git a/examples/material-ui-nextjs-ts-v4-v5-migration/pages/_document.tsx b/examples/material-ui-nextjs-ts-v4-v5-migration/pages/_document.tsx
@@ -9,11 +9,15 @@ import {
   DocumentContext,
 } from 'next/document';
 import { AppProps } from 'next/app';
-import { DocumentHeadTags, documentGetInitialProps } from '@mui/material-nextjs/v14-pagesRouter';
+import {
+  DocumentHeadTags,
+  DocumentHeadTagsProps,
+  documentGetInitialProps,
+} from '@mui/material-nextjs/v14-pagesRouter';
 import { ServerStyleSheets as JSSServerStyleSheets } from '@mui/styles';
 import theme from '../src/theme';
 
-export default function MyDocument(props: DocumentProps) {
+export default function MyDocument(props: DocumentProps & DocumentHeadTagsProps) {
   return (
     <Html lang="en">
       <Head>
diff --git a/packages/mui-material-nextjs/src/v13-appRouter/appRouterV13.tsx b/packages/mui-material-nextjs/src/v13-appRouter/appRouterV13.tsx
@@ -18,10 +18,7 @@ export type AppRouterCacheProviderProps = {
   /**
    * By default <CacheProvider /> from 'import { CacheProvider } from "@emotion/react"'.
    */
-  CacheProvider?: (props: {
-    value: EmotionCache;
-    children: React.ReactNode;
-  }) => React.JSX.Element | null;
+  CacheProvider?: React.ElementType<{ value: EmotionCache }>;
   children: React.ReactNode;
 };
 
diff --git a/packages/mui-material-nextjs/src/v13-pagesRouter/pagesRouterV13Document.tsx b/packages/mui-material-nextjs/src/v13-pagesRouter/pagesRouterV13Document.tsx
@@ -37,7 +37,7 @@ export function createGetInitialProps(plugins: Plugin[]) {
 }
 
 export interface DocumentHeadTagsProps {
-  emotionStyleTags: React.JSX.Element[];
+  emotionStyleTags: React.ReactElement[];
 }
 
 export function DocumentHeadTags(props: DocumentHeadTagsProps) {

Original file line number	Diff line number	Diff line change
`@@ -37,7 +37,7 @@ export function createGetInitialProps(plugins: Plugin[]) {`
`37`	`37`	`}`
`38`	`38`
`39`	`39`	`export interface DocumentHeadTagsProps {`
`40`		`- emotionStyleTags: React.JSX.Element[];`
	`40`	`+ emotionStyleTags: React.ReactElement[];`
`41`	`41`	`}`
`42`	`42`
`43`	`43`	`export function DocumentHeadTags(props: DocumentHeadTagsProps) {`