feat(react)!: usePreviousState removed

eslint.config.ts

@@ -33,6 +33,7 @@ const config: ReturnType<typeof defineConfig> = defineConfig([
       'object-shorthand': 'error',
       'no-console': 'error',
       eqeqeq: 'error',
+      'no-param-reassign': 'error',
       '@typescript-eslint/no-explicit-any': 'off',
       'no-shadow': 'off',
       '@typescript-eslint/no-shadow': 'error',
@@ -44,8 +45,10 @@ const config: ReturnType<typeof defineConfig> = defineConfig([
       ],
     },
   },
+
+  // CommonJS
   {
-    files: ['**/*.cjs'],
+    files: ['**/*.{cjs,cts}'],
     rules: {
       '@typescript-eslint/no-require-imports': 'off',
     },

src/react/mod.ts

@@ -4,7 +4,6 @@ export * from './use-debounce-state.ts';
 export * from './use-dependent-ref.ts';
 export * from './use-isomorphic-layout-effect.ts';
 export * from './use-latest-ref.ts';
-export * from './use-previous-state.ts';
 export * from './use-stable-callback.ts';
 export * from './use-mounted.ts';
 

src/react/query/use-mutation.ts

@@ -58,7 +58,13 @@ export function useMutation<P, R = unknown>({
       instance.events.removeEventListener('failed', onFailed);
       instance.events.removeEventListener('changed', onChanged);
     };
-  }, [instance, onSuccessRef, onErrorRef]);
+  }, [
+    instance,
+
+    // stable:
+    onSuccessRef,
+    onErrorRef,
+  ]);
 
   const mutate = useStableCallback(async (payload: P): Promise<R> => {
     return await instance.execute(() => mutation(payload));

src/react/use-intersection.ts

@@ -79,10 +79,12 @@ export function useIntersection<T extends Element>(
     };
   }, [
     ref,
-    callbackRef,
     readyOptions,
     getObserver,
 
+    // stable:
+    callbackRef,
+
     // eslint-disable-next-line react-hooks/exhaustive-deps
     ...extraDeps,
   ]);

src/react/use-outside-click.ts

@@ -42,5 +42,9 @@ export function useOutsideClick<T extends Element>(
     return () => {
       document.documentElement.removeEventListener('click', handleClick, handleClickOptions);
     };
-  }, [innerRef, callbackRef]);
+  }, [
+    // stable:
+    innerRef,
+    callbackRef,
+  ]);
 }

src/react/use-resize.ts

@@ -67,10 +67,12 @@ export function useResize<T extends Element>(
     };
   }, [
     ref,
-    callbackRef,
     getObserver,
     readyOptions,
 
+    // stable:
+    callbackRef,
+
     // eslint-disable-next-line react-hooks/exhaustive-deps
     ...extraDeps,
   ]);

src/react/use-visual-viewport.ts

@@ -147,7 +147,13 @@ export function useVisualViewport({
     sync();
 
     return observe(visualViewport, sync);
-  }, [getVisualViewport, modeRef, handleChange]);
+  }, [
+    getVisualViewport,
+
+    // stable:
+    modeRef,
+    handleChange,
+  ]);
 
   return state;
 }

src/store/__test__/create-store.test.ts

@@ -38,4 +38,21 @@ describe('createStore', () => {
     store.set(-100);
     expect(spy.mock.callCount()).toBe(1);
   });
+
+  test('methods should works without call context', () => {
+    const { get, set, subscribe } = createStore(1);
+
+    const spy = mock.fn();
+    const unsubscribe = subscribe(spy);
+
+    expect(get()).toBe(1);
+    expect(spy.mock.callCount()).toBe(0);
+
+    expect(set(123));
+    expect(spy.mock.callCount()).toBe(1);
+
+    unsubscribe();
+    expect(set(234));
+    expect(spy.mock.callCount()).toBe(1);
+  });
 });