Function useEditorState

editor/src/components/editor/store/store-hook.ts:132–148

(
  storeKey_: S,
  selector: StateSelector<Parameters<S>[0], U>,
  selectorName: string,
  equalityFn: (oldSlice: U, newSlice: U) => boolean = shallowEqual,
  storeContext: React.Context<UtopiaStoreAPI | null> = EditorStateContext,
)

 * It is a good practice to use object destructure to consume the return value.
 */
export const useEditorState = <K extends StoreKey, S extends (typeof Substores)[K], U>(
  storeKey_: S,
  selector: StateSelector<Parameters<S>[0], U>,
  selectorName: string,
  equalityFn: (oldSlice: U, newSlice: U) => boolean = shallowEqual,
  storeContext: React.Context<UtopiaStoreAPI | null> = EditorStateContext,
): U => {
  const storeKey: K = storeKey_.name as K
  const context = React.useContext(storeContext)

  const wrappedSelector = useWrapSelectorInPerformanceMeasureBlock(storeKey, selector, selectorName)

  if (context == null) {
    throw new Error('useStore is missing from editor context')
  }
  return context.stores[storeKey](wrappedSelector, equalityFn as EqualityChecker<U>)
}

export const useSelectorWithCallback = <K extends StoreKey, S extends (typeof Substores)[K], U>(
  storeKey_: S,