feat: make stateful hooks use useSafeState

CONTRIBUTING.md

@@ -40,6 +40,8 @@ first.
    - In case hook has some custom types as arguments or return values - it should also be exported.
    - All types and interfaces should be `I` prefixed.
    - Hook should be developed with SSR in mind.
+   - In case hook is stateful and exposes `setState` method it should use `useSafeState` instead of
+     `useState`, since `useSafeState`.
 2. Reexport hook implementation and all custom types in `src/index.ts`.
 3. Write complete tests for your hook, tests should consist of both DOM and SSR parts.
    - Hook's test should be placed in `tests` folder and named after the hook.  

src/useRerender.ts

@@ -1,14 +1,16 @@
-import { useCallback, useState } from 'react';
+import { useCallback } from 'react';
+import { useSafeState } from './useSafeState';
 
 const stateChanger = (state) => !state;
 
 /**
  * Return callback function that re-renders component.
  */
 export function useRerender(): () => void {
-  const [, setState] = useState(false);
+  const [, setState] = useSafeState(false);
 
   return useCallback(() => {
     setState(stateChanger);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 }

src/useToggle.ts

@@ -1,8 +1,9 @@
-import { useCallback, useState } from 'react';
+import { useCallback } from 'react';
 import { IInitialState, INewState, resolveHookState } from './util/resolveHookState';
+import { useSafeState } from './useSafeState';
 
 /**
- * Like `useState`, but can only become `true` or `false`.
+ * Like `useSafeState`, but can only become `true` or `false`.
  *
  * State setter, in case called without arguments, will change the state to opposite.
  *
@@ -15,7 +16,7 @@ export function useToggle(
   // action does not provide functional updates feature.
   // Therefore we have to create and expose our own state setter with
   // toggle logic.
-  const [state, _setState] = useState(initialState);
+  const [state, _setState] = useSafeState(initialState);
 
   return [
     state,
@@ -27,6 +28,7 @@ export function useToggle(
 
         return Boolean(resolveHookState(nextState, prevState));
       });
+      // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []),
   ];
 }