Adding Recoil.js in Next.js

Creating recoil global state for our application.

Now I will add recoil.js global state in my application for user login state and for storing csrf token etc.

import '../styles/globals.css';
import {RecoilRoot} from 'recoil';

function MyApp({ Component, pageProps }) {
  return (
      <RecoilRoot>
         <Component {...pageProps} />
      </RecoilRoot>
  )
}

export default MyApp;