use-synchronized-state 1.0.16 → 1.0.18

package/CHANGELOG.md

@@ -1,3 +1,6 @@
+## 1.0.17 (Mar 29, 2026)
+- Inform the bundlers that the package does not have side effects
+
 ## 1.0.16 (Jan 23, 2026)
 - Make the hook compatible with the Fiber algorithm
 

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "use-synchronized-state",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "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": {
@@ -30,6 +30,7 @@
     "start": "rollup -c -w",
     "test": "jest"
   },
+  "sideEffects": false,
   "jest": {
     "transform": {
       ".(ts|tsx)": "ts-jest"

package/dist/index.cjs

@@ -1 +0,0 @@
-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;

package/dist/index.d.ts

@@ -1,10 +0,0 @@
-import { Dispatch, SetStateAction } from '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,
- * the returned state changes to the same value,
- * but it can also change independently when the returned setState is called.
- * @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>>];

package/dist/index.mjs

@@ -1 +0,0 @@
-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};