Use Previous

import { UsePreviousDemos } from '@docs/demos'; import { Layout } from '@/layout'; import { MDX_DATA } from '@/mdx';

export default Layout(MDX_DATA.usePrevious);

Usage

The use-previous hook stores the previous value of a state in a ref. It returns undefined on the initial render and the previous value of a state after rerender:

Definition

function usePrevious<T>(value: T): T | undefined;