diff --git a/packages/material-ui/src/CssBaseline/CssBaseline.d.ts b/packages/material-ui/src/CssBaseline/CssBaseline.d.ts index f919a429204a3b..a1dd5369948ce1 100644 --- 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; diff --git a/packages/material-ui/src/ScopedCssBaseline/ScopedCssBaseline.d.ts b/packages/material-ui/src/ScopedCssBaseline/ScopedCssBaseline.d.ts index c9e7b48e825913..901d02969a11ea 100644 --- 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; diff --git a/packages/material-ui/test/typescript/components.spec.tsx b/packages/material-ui/test/typescript/components.spec.tsx index 91f6b2ee98f2dc..5d9343f513c791 100644 --- 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 = () =>
ICON
; @@ -1056,3 +1058,7 @@ const refTest = () => { }} />; }; + +const CssBaselineTest = () => Test; + +const ScopedCssBaselineTest = () => Test;