Back to Mantine

Use Isomorphic Effect

apps/mantine.dev/src/pages/hooks/use-isomorphic-effect.mdx

9.2.2435 B
Original Source

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

export default Layout(MDX_DATA.useIsomorphicEffect);

Usage

The use-isomorphic-effect hook is a replacement for the useLayoutEffect hook that works in both browser and server environments.

tsx
import { useIsomorphicEffect } from '@mantine/hooks';

function Demo() {
  useIsomorphicEffect(() => {
    document.title = 'title';
  });

  return null;
}