rename useLegendStatePauseProvider to usePauseProvider

CHANGELOG.md

@@ -1,5 +1,5 @@
-## 2.1.0
-- Feat: useLegendStatePauseProvider to pause/resume all updates under a context
+## 2.1.1
+- Feat: usePauseProvider to pause/resume all updates under a context
 
 ## 2.0.3
 - Feat: support persistence with no get

react.ts

@@ -1,6 +1,6 @@
 export * from './src/react/Computed';
 export * from './src/react/For';
-export { useLegendStatePauseProvider } from './src/react/useLegendStatePauseProvider';
+export { usePauseProvider } from './src/react/usePauseProvider';
 export * from './src/react/Memo';
 export { Reactive, configureReactive } from './src/react/Reactive';
 export type { IReactive } from './src/react/Reactive';

src/react/usePauseProvider.tsx

@@ -0,0 +1,13 @@
+import { Observable, observable } from '@legendapp/state';
+import { ReactNode, createContext, createElement, useState } from 'react';
+
+export const PauseContext = createContext<Observable<boolean>>(null as any);
+
+export function usePauseProvider() {
+    const [value] = useState(() => observable(false));
+    return {
+        PauseProvider: ({ children }: { children: ReactNode }) =>
+            createElement(PauseContext.Provider, { value }, children),
+        isPaused$: value,
+    };
+}

src/react/useSelector.ts

@@ -12,7 +12,7 @@ import {
 } from '@legendapp/state';
 import React, { useContext, useRef } from 'react';
 import { useSyncExternalStore } from 'use-sync-external-store/shim';
-import { LegendStatePauseContext } from './useLegendStatePauseProvider';
+import { PauseContext } from './usePauseProvider';
 import { reactGlobals } from './react-globals';
 import type { UseSelectorOptions } from './reactInterfaces';
 
@@ -119,7 +119,7 @@ export function useSelector<T>(selector: Selector<T>, options?: UseSelectorOptio
 
     try {
         const ref = useRef<SelectorFunctions<T>>();
-        const isPaused$ = useContext(LegendStatePauseContext);
+        const isPaused$ = useContext(PauseContext);
         if (!ref.current) {
             ref.current = createSelectorFunctions<T>(options, isPaused$);
         }