chore: avoid memo override exported component displayName

This commit is contained in:
unix
2020-04-29 15:11:49 +08:00
parent c53abeca7b
commit 869154175f
78 changed files with 325 additions and 239 deletions

View File

@@ -3,7 +3,7 @@ import useTheme from '../use-theme'
import flush from 'styled-jsx/server'
import flushToReact from 'styled-jsx/server'
const CSSBaseline: React.FC<React.PropsWithChildren<{}>> = React.memo(({
const CSSBaseline: React.FC<React.PropsWithChildren<{}>> = ({
children,
}) => {
const theme = useTheme()
@@ -277,12 +277,13 @@ const CSSBaseline: React.FC<React.PropsWithChildren<{}>> = React.memo(({
`}</style>
</>
)
})
}
type CssBaselineComponent<P = {}> = React.FC<P> & {
type MemoCssBaselineComponent<P = {}> = React.NamedExoticComponent<P> & {
flush: typeof flushToReact
}
(CSSBaseline as CssBaselineComponent<React.PropsWithChildren<{}>>).flush = flush
const MemoCSSBaseline = React.memo(CSSBaseline) as MemoCssBaselineComponent<React.PropsWithChildren<{}>>
MemoCSSBaseline.flush = flush
export default CSSBaseline as CssBaselineComponent<React.PropsWithChildren<{}>>
export default MemoCSSBaseline