moved hook calls out of useEffect

Author: alevnyacow

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alevnyacow/shared-react-variables",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Easy and comfortable React state manager",
   "main": "transpiled/index.js",
   "scripts": {
@@ -34,7 +34,7 @@
     "typescript": "^4.6.2"
   },
   "peerDependencies": {
-    "react": "^16.8.0"
+    "react": ">=16.8.0"
   },
   "types": "transpiled/index.d.ts",
   "dependencies": {

sources/index.ts

@@ -12,10 +12,10 @@ function createUseSharedVariable<T extends object>(initialState: T) {
     )(initialState);
 
     function useSharedVariable(rerenderOnChange = true) {
+        const rerenderer = useRerenderer();
+        const memoizedRerenderer = useCallback(rerenderer, []);
+        const rerenderIdentifier = useRef(v4());
         useEffect(() => {
-            const rerenderer = useRerenderer();
-            const memoizedRerenderer = useCallback(rerenderer, []);
-            const rerenderIdentifier = useRef(v4());
             rerenderersList.add(
                 variableIdentifier,
                 rerenderIdentifier.current,