feat: add recoil

Angular2Guy · Angular2Guy · commit 9e5b86e017d9 · 2025-10-11T18:45:08.000+02:00
diff --git a/frontend/app/root.tsx b/frontend/app/root.tsx
@@ -9,6 +9,7 @@ import {
 
 import type { Route } from "./+types/root";
 import "./root.css";
+import { RecoilRoot } from "recoil";
 
 export const links: Route.LinksFunction = () => [
   { rel: "preconnect", href: "https://fonts.googleapis.com" },
@@ -23,21 +24,23 @@ export const links: Route.LinksFunction = () => [
   },
 ];
 
-export function Layout({ children }: { children: React.ReactNode }) {
+export function Layout({ children }: { children: React.ReactNode }) {  
   return (
+    <RecoilRoot>
     <html lang="en">
       <head>
         <meta charSet="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <Meta />
         <Links />
       </head>
-      <body>
-        {children}
-        <ScrollRestoration />
-        <Scripts />
+      <body>        
+          {children}
+          <ScrollRestoration />
+          <Scripts />        
       </body>
     </html>
+    </RecoilRoot>
   );
 }
 
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -18,7 +18,8 @@
     "isbot": "^5.1.31",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
-    "react-router": "^7.9.2"
+    "react-router": "^7.9.2",
+    "recoil": "^0.7.7"
   },
   "devDependencies": {
     "@react-router/dev": "^7.9.2",
