[CssBaseline] Change of children type to ReactNode (#19770)

mui · Feb 19, 2020 · cd8a636 · cd8a636
1 parent fde2343
commit cd8a636
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/packages/material-ui/src/CssBaseline/CssBaseline.d.ts b/packages/material-ui/src/CssBaseline/CssBaseline.d.ts
@@ -1,7 +1,7 @@
 import * as React from 'react';
 
 export interface CssBaselineProps {
-  children?: React.ReactElement;
+  children?: React.ReactNode;
 }
 
 declare const CssBaseline: React.ComponentType<CssBaselineProps>;

diff --git a/packages/material-ui/src/ScopedCssBaseline/ScopedCssBaseline.d.ts b/packages/material-ui/src/ScopedCssBaseline/ScopedCssBaseline.d.ts
@@ -1,7 +1,7 @@
 import * as React from 'react';
 
 export interface ScopedCssBaselineProps {
-  children?: React.ReactElement;
+  children?: React.ReactNode;
 }
 
 declare const ScopedCssBaseline: React.ComponentType<ScopedCssBaselineProps>;

diff --git a/packages/material-ui/test/typescript/components.spec.tsx b/packages/material-ui/test/typescript/components.spec.tsx
@@ -17,6 +17,7 @@ import {
   CircularProgress,
   ClickAwayListener,
   Collapse,
+  CssBaseline,
   Dialog,
   DialogTitle,
   DialogContent,
@@ -80,6 +81,7 @@ import {
 import { Link as ReactRouterLink, LinkProps as ReactRouterLinkProps } from 'react-router-dom';
 import { ButtonBaseActions } from '@material-ui/core/ButtonBase';
 import { IconButtonProps } from '@material-ui/core/IconButton';
+import ScopedCssBaseline from '@material-ui/core/ScopedCssBaseline';
 
 const log = console.log;
 const FakeIcon = () => <div>ICON</div>;
@@ -1056,3 +1058,7 @@ const refTest = () => {
     }}
   />;
 };
+
+const CssBaselineTest = () => <CssBaseline>Test</CssBaseline>;
+
+const ScopedCssBaselineTest = () => <ScopedCssBaseline>Test</ScopedCssBaseline>;