У кого-нибудь есть идеи, как использовать React-JS в рамках дизайна муравья и следующего маршрутизатора приложения? Я продолжаю получать ошибки в том, что CSS ошибается на клиентской и серверной стороне. Я не уверен, как должна выглядеть обертка React-JSS и должна ли она быть на стороне клиента или на стороне сервера. Кроме того, реестр дизайна ANT имеет какое -либо значение для него?//registry.tsx
'use client';
import { useEffect } from 'react';
import { JssProvider, SheetsRegistry, createGenerateId } from 'react-jss';
import { useServerInsertedHTML } from 'next/navigation';
export default function JssRegistry({ children }: { children: React.ReactNode }) {
const registry = new SheetsRegistry();
const generatedId = createGenerateId();
useServerInsertedHTML(() => {
return {registry.toString()};
});
useEffect(() => {
const style = document.getElementById('server-side-styles');
if (style && style.parentNode) {
style.parentNode.removeChild(style);
}
}, []);
return (
{children}
);
}
//layout.tsx
export default function RootLayout({
children,
}: Readonly) {
return (
{children}
);
}
//antdprovider
'use client';
import { AntdRegistry } from '@ant-design/nextjs-registry';
import { App, ConfigProvider, theme } from 'antd';
const AntdApp = ({
children,
}: Readonly) => {
return (
{children}
);
};
export default AntdApp;
Подробнее здесь: https://stackoverflow.com/questions/795 ... app-router
