aboutsummaryrefslogtreecommitdiffstats
path: root/src/utils/hooks/use-route-change.tsx
blob: 2eff6e9a08b3c84672de5ccfe77da09b50cca15d (plain)
1
2
3
4
5
6
7
8
9
10
import { useRouter } from 'next/router';
import { useEffect } from 'react';

export const useRouteChange = (callback: () => void) => {
  const { events } = useRouter();

  useEffect(() => {
    events.on('routeChangeStart', callback);
  }, [events, callback]);
};
le { --icon-size: #{fun.convert-px(30)}; display: flex; flex-flow: row nowrap; gap: var(--spacing-2xs); margin-bottom: var(--spacing-md); color: var(--color-primary-dark); font-size: var(--font-size-lg); font-weight: 600; svg { margin: 0; } }