a0d1d728b9
demo: update examples with-ant-design - https://github.com/ant-design/ant-design/pull/43663
22 lines
592 B
TypeScript
22 lines
592 B
TypeScript
'use client'
|
|
|
|
import React from 'react'
|
|
import { useServerInsertedHTML } from 'next/navigation'
|
|
import { StyleProvider, createCache, extractStyle } from '@ant-design/cssinjs'
|
|
|
|
interface StyledRegistryProps {
|
|
children: React.ReactNode
|
|
}
|
|
|
|
const StyledComponentsRegistry = ({ children }: StyledRegistryProps) => {
|
|
const cache = createCache()
|
|
useServerInsertedHTML(() => (
|
|
<style
|
|
id="antd"
|
|
dangerouslySetInnerHTML={{ __html: extractStyle(cache, true) }}
|
|
/>
|
|
))
|
|
return <StyleProvider cache={cache}>{children}</StyleProvider>
|
|
}
|
|
|
|
export default StyledComponentsRegistry
|