Scroll node to center React Hook

useScrollIntoView.tsx

const useScrollIntoView = (condition: boolean) => {
  const ref = React.useRef<HTMLDivElement | null>(null);
  React.useEffect(() => {
    if (condition && ref.current) {
      ref.current.scrollIntoView({
        behavior: 'smooth',
        block: 'center',
        inline: 'center',
      });
    }
  }, []);
  return ref;
};