Sync jotai atoms with Next.js router

Why?

As dai-shi mentioned, there is no easy way to keep atoms in sync with window.location or the various available routers, so i wrote a simple wrapper over atomWithStorage.

Install

1yarn add next-jotai-sync-location

or

1npm install next-jotai-sync-location

How to use

Method has the same signature as atomWithHash, but you can't provide a subscription callback.

1import atomWithLocation from "next-jotai-sync-location"
2
3const countAtom = atomWithLocation("count", 0)
4const countAtomWithReplace = atomWithLocation("count", 0, {
5  replaceState: true
6})
7const countAtomWithoutDelay = atomWithLocation("count", 0, { delayInit: false })