Function usePreventLayoutShift

apps/baseai.dev/src/components/Code.tsx:253–284

()

}

function usePreventLayoutShift() {
	let positionRef = useRef<HTMLElement>(null);
	let rafRef = useRef<number | undefined>(undefined);

	useEffect(() => {
		return () => {
			if (typeof rafRef.current !== 'undefined') {
				window.cancelAnimationFrame(rafRef.current);
			}
		};
	}, []);

	return {
		positionRef,
		preventLayoutShift(callback: () => void) {
			if (!positionRef.current) {
				return;
			}

			let initialTop = positionRef.current.getBoundingClientRect().top;

			callback();

			rafRef.current = window.requestAnimationFrame(() => {
				let newTop =
					positionRef.current?.getBoundingClientRect().top ??
					initialTop;
				window.scrollBy(0, newTop - initialTop);
			});
		}
	};
}

const usePreferredLanguageStore = create<{
	preferredLanguages: Array<string>;