wrap with RecoilRoot

deveshidwivedi · Jun 18, 2024 · ff17659 · ff17659
1 parent 457d2ba
commit ff17659
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 3 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -13,7 +13,8 @@
     "next": "14.2.4",
     "nodemon": "^3.1.3",
     "react": "^18",
-    "react-dom": "^18"
+    "react-dom": "^18",
+    "recoil": "^0.7.7"
   },
   "devDependencies": {
     "@types/express": "^4.17.21",

diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -1,6 +1,12 @@
 import "@/styles/globals.css";
 import type { AppProps } from "next/app";
+import { RecoilRoot } from "recoil";
 
 export default function App({ Component, pageProps }: AppProps) {
-  return <Component {...pageProps} />;
+  return (
+    <RecoilRoot>
+      <Component {...pageProps} />
+    </RecoilRoot>
+  );
 }
+