Function SectionProvider

apps/baseai.dev/src/components/SectionProvider.tsx:131–151

({
	sections,
	children
}: {
	sections: Array<Section>;
	children: React.ReactNode;
})

	typeof window === 'undefined' ? useEffect : useLayoutEffect;

export function SectionProvider({
	sections,
	children
}: {
	sections: Array<Section>;
	children: React.ReactNode;
}) {
	let [sectionStore] = useState(() => createSectionStore(sections));

	useVisibleSections(sectionStore);

	useIsomorphicLayoutEffect(() => {
		sectionStore.setState({ sections });
	}, [sectionStore, sections]);

	return (
		<SectionStoreContext.Provider value={sectionStore}>
			{children}
		</SectionStoreContext.Provider>
	);
}

export function useSectionStore<T>(selector: (state: SectionState) => T) {
	let store = useContext(SectionStoreContext);