useHydrateAtoms

code:ts

import { atom, useAtom } from 'jotai'

import { useHydrateAtoms } from 'jotai/utils'

const countAtom = atom(0)

const CounterPage = ({ countFromServer }) => {

useHydrateAtoms(countAtom, countFromServer) // atom, value[]

const count = useAtom(countAtom)

// count would be the value of countFromServer, not 0.

}

server側で生成した値を、特定のatomの初期値としてセット、のような挙動になる

SSR時に値をセットすることで、async atomにせずに済むの嬉しさの1つと言えそう