import { merge } from 'lodash' import { useLayoutEffect, useRef } from 'react' /** * Merge properties with the scope object, for use in Storybook stories */ export const useScope = (scope: Record) => { const scopeRef = useRef(null) if (scopeRef.current === null) { scopeRef.current = scope } useLayoutEffect(() => { if (scopeRef.current) { for (const [path, value] of Object.entries(scopeRef.current)) { let existingValue: typeof value | undefined try { existingValue = window.overleaf.unstable.store.get(path) } catch { // allowed not to exist } window.overleaf.unstable.store.set(path, merge(existingValue, value)) } } }, []) }