Skip to main content


Returns a function that will reset the value of the given state to its default value.

Using useResetRecoilState() allows a component to reset the state to its default value without subscribing the component to re-render whenever the state changes.

function useResetRecoilState<T>(state: RecoilState<T>): () => void;
  • state: a writeable Recoil state


import {todoListState} from "../atoms/todoListState";

const TodoResetButton = () => {
const resetList = useResetRecoilState(todoListState);
return <button onClick={resetList}>Reset</button>;