use-synchronized-state 1.0.16 → 1.0.17

package/README.md

@@ -168,9 +168,7 @@ function ChildComponent({ parentState }: { parentState: number }) {
 }
 ```
 
-The 'use-synchronized-state' hook fixes some of these issues by synchronizing the values in an easier and more consistent manner. In the bellow example,
-if the reactive value changes (for example setParentState(1) is called), both parentState and syncState will have
-the same value from the first render (after the setParentState). There will still be two renders, but the values will be in sync from the first one.
+The 'use-synchronized-state' hook solves the synchronization problem in an easier and more consistent manner.
 Also, the api is easy to use and it works for any reactive value.
 
 

package/dist/index.cjs

@@ -1 +1 @@
-var react=require("react");function useSyncState(e){var t=react.useState(e),a=t[0],t=t[1],r=react.useState(e),c=r[0],r=r[1];return a!==e&&(t(c=e),r(e)),[c,r]}exports.useSyncState=useSyncState;
+var react=require("react");function useSyncState(e){var t=react.useState(e),a=t[0],t=t[1],r=react.useState(e);return a!==e&&(t(e),r[1](e)),r}exports.useSyncState=useSyncState;

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch, SetStateAction } from 'react';
+/// <reference types="react" />
 /**
  * This hook creates a synchronized state while avoiding the cascading update issue.
  * In our case, synchronized means that when there is a change in propsState,
@@ -7,4 +7,4 @@ import { Dispatch, SetStateAction } from 'react';
  * @param propsState - a reactive value (e.g. state, props) with which our returned state will synchronize
  * @return the exact same output as useState: [state, setState], where state is the synchronized state with the propsState
  */
-export declare function useSyncState<T>(propsState: T): [T, Dispatch<SetStateAction<T>>];
+export declare function useSyncState<T>(propsState: T): [T, import("react").Dispatch<import("react").SetStateAction<T>>];

package/dist/index.mjs

@@ -1 +1 @@
-import{useState}from"react";function useSyncState(t){var e=useState(t),a=e[0],e=e[1],r=useState(t),u=r[0],r=r[1];return a!==t&&(e(u=t),r(t)),[u,r]}export{useSyncState};
+import{useState}from"react";function useSyncState(t){var e=useState(t),a=e[0],e=e[1],r=useState(t);return a!==t&&(e(t),r[1](t)),r}export{useSyncState};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "use-synchronized-state",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "description": "A React hook that creates a synchronized state with a reactive value (fixing the Cascading updates issue)",
   "homepage": "https://github.com/rhorge/use-synchronized-state#readme",
   "bugs": {