diff --git a/front/apps/web/src/pages/_app.tsx b/front/apps/web/src/pages/_app.tsx
index b24a7ec7..df543f1e 100755
--- a/front/apps/web/src/pages/_app.tsx
+++ b/front/apps/web/src/pages/_app.tsx
@@ -26,7 +26,7 @@ import { createQueryClient, fetchQuery, QueryIdentifier, QueryPage } from "@kyoo
import { useState } from "react";
import NextApp, { AppContext, type AppProps } from "next/app";
import { Poppins } from "@next/font/google";
-import { useTheme, useMobileHover } from "yoshiki/web";
+import { useTheme, useMobileHover, useStyleRegistry, StyleRegistryProvider } from "yoshiki/web";
import superjson from "superjson";
import Head from "next/head";
import { withTranslations } from "../i18n";
@@ -80,6 +80,12 @@ const GlobalCssTheme = () => {
);
};
+const YoshikiDebug = ({ children }: { children: JSX.Element }) => {
+ if (typeof window === "undefined") return children;
+ const registry = useStyleRegistry();
+ return {children};
+};
+
const App = ({ Component, pageProps }: AppProps) => {
const [queryClient] = useState(() => createQueryClient());
const { queryState, ...props } = superjson.deserialize(pageProps ?? { json: {} });
@@ -90,19 +96,21 @@ const App = ({ Component, pageProps }: AppProps) => {
useMobileHover();
return (
- <>
-
- Kyoo
-
-
-
-
-
- } {...layoutProps} />
-
-
-
-
+
+ <>
+
+ Kyoo
+
+
+
+
+
+ } {...layoutProps} />
+
+
+
+
+
);
};