React-JSS с маршрутизатором ANTD и NextJS App ⇐ Javascript

[Anonymous]

У кого-нибудь есть идеи, как использовать 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