Next.js, навигация между двумя разными макетами, не выгружает импортированные стили ⇐ CSS

[Anonymous]

С моим приложением Next.js 14 (с использованием маршрутизатора приложений) у меня есть общедоступная доступная область, где я использую Tail Whare для стиля, а затем область администратора, где я хочу использовать библиотеку компонентов мантин. Однако, используя следующий маршрутизатор, навигация из области администратора в область клиента, импортированный мантиновый стиль все еще сохраняется на странице, даже если он не импортируется в файле области клиента. Я понимаю, что он импортируется как глобальный файл CSS, поэтому ожидается такого поведения, однако есть ли способ смягчить это? /> admin/layout.tsx

Код: Выделить всё

import "@mantine/core/styles.css";
...

const AdminLayout: React.FC = ({ children }) => {
return (



{children}



);
};

(public)/layout.tsx

Код: Выделить всё

import "./globals.css";
...

const PublicLayout: FC
 = ({ children }) => {
return (


{children}


);
};

Я попытался импортировать клиентскую сторону стилей с помощью Dynamic (() => import ('@Mantine/core/styles.css'), {ssr: false}); , но это абсолютно ничего не сделало. У меня нет никаких других идей, как это исправить, за исключением полной перезагрузки страницы при переключении между этими двумя интерфейсами.


Подробнее здесь: https://stackoverflow.com/questions/784 ... ted-styles