Skip to main content

useResetRecoilState(state)

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

Example​

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

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