fix: prevent next.js from removing global styles

Author: ArianHamdi

package.json

@@ -20,6 +20,7 @@
   "dependencies": {
     "@hookform/devtools": "^4.3.1",
     "@hookform/resolvers": "^3.3.1",
+    "@madeinhaus/nextjs-page-transition": "^3.1.1",
     "@prisma/client": "^5.3.1",
     "@svgr/webpack": "^8.1.0",
     "@tanstack/react-query": "^4.35.3",

pnpm-lock.yaml

@@ -8,8 +8,11 @@ import { sdkInitOptions } from '@/lib/twa-sdk';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import RootLayout from '@/layouts/RootLayout';
 import PageTransition from '@/components/PageTransition';
+import { useNextCssRemovalPrevention } from '@madeinhaus/nextjs-page-transition';
 
 export default function App({ Component, pageProps }: AppProps) {
+  useNextCssRemovalPrevention();
+
   return (
     <QueryClientProvider client={queryClient}>
       <SDKProvider initOptions={sdkInitOptions}>