Recoil-persist로 state를 localstorage로 저장하기

atom.tsx

1. import { recoilPersist } from 'recoil-persist';

2. const { persistAtom } = recoilPersist({
  key: 'something',
});

키값은 사용자가 설정할 수 있다.
스토리지의 기본값은 로컬스토리지이다.

3.export const toDoState = atom<Interface>({
  key: 'something',
  default: [],
  effects_UNSTABLE: [persistAtom],
});

사용할 atomState에 effects_UNSTABLE: [persistAtom] 추가

atom의 default값이 바뀌면 localstorage에 저장/삭제/변경된다.