Do you have any plan to upgrade antd version up to 5.20.0? #10

Jeje01 · 2024-08-27T02:42:26Z

I want to use gradient mode in ColorPicker, but it supports version over 5.20.0, and nextjs-registry is using antd version of ^5.12.5.
Can I use gradient mode if antd version of nextjs-registry is updated?
And do you have any plan to upgrade the version?

geekskai · 2024-10-12T02:43:46Z

npm i @ant-design/cssinjs

new RootStyleRegistry.tsx file

'use client'
import { useState, type PropsWithChildren } from 'react'
import { useServerInsertedHTML } from 'next/navigation'
import { createCache, extractStyle, StyleProvider } from '@ant-design/cssinjs'

export const RootStyleRegistry = ({ children }: PropsWithChildren) => {
  const [cache] = useState(() => createCache())

  useServerInsertedHTML(() => {
    return (
      <script
         dangerouslySetInnerHTML={{
          __html: `</script>${extractStyle(cache)}<script>`,
        }}
      />
    )
   })

   return <StyleProvider cache={cache}>{children}</StyleProvider>
}

in the root layout file

import "./globals.css";
import { RootStyleRegistry } from './RootStyleRegistry'
export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) {
  return (
    <html lang="en">
      <body>
        <RootStyleRegistry>
          {children}
        </RootStyleRegistry>
      </body>
    </html>
  );
}

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Do you have any plan to upgrade antd version up to 5.20.0? #10

Do you have any plan to upgrade antd version up to 5.20.0? #10

Jeje01 commented Aug 27, 2024

geekskai commented Oct 12, 2024

Do you have any plan to upgrade antd version up to 5.20.0? #10

Do you have any plan to upgrade antd version up to 5.20.0? #10

Comments

Jeje01 commented Aug 27, 2024

geekskai commented Oct 12, 2024