Jotai Resetter

This package will make it easy for you to reset jotai to it's default values.

Initialize

First import the <ResetProvider/> from jotai-resetter, and replace <Provider/> from jotai with <ResetProvider/>

// Replace
import { Provider } from "jotai";

<Provider>{/* App */}</Provider>;

// With
import { ResetProvider } from "jotai-resetter";

<ResetProvider>{/* App */}</ResetProvider>;

How to reset

To reset use the useResetJotai hooks it will return the reset function

const reset = useResetJotai();

// use reset function to reset jotai
reset();

With Next.js

To use jotai-resetter with next.js you have to first make a CSR for that

// provider.jsx
"use client";
import { ResetProvider } from "jotai-resetter";

export const Provider = ({ children }) => (
  <ResetProvider>{children}</ResetProvider>
);

Now use this new <Provider/> to wrap your app.

Available props

Supports all the native props of <Provider/> from jotai

That's it now your jotai atoms will be in default state