Merge pull request #17 from react18-tools/upgrade-to-v5

mayank1513 · web-flow · commit 468ef9b8af11 · 2025-05-23T14:20:46.000+05:30
Upgrade to v5
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
@@ -12,16 +12,16 @@ jobs:
   test:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
         with:
           node-version: 18
       - run: npm i -g pnpm && pnpm i
         name: Install dependencies
       - name: Run unit tests
         run: pnpm test
       - name: Upload coverage reports to Codecov
-        uses: codecov/codecov-action@v3
+        uses: codecov/codecov-action@v4
         with:
           directory: ./packages/persist-and-sync
           token: ${{ secrets.CODECOV_TOKEN }}
diff --git a/.github/workflows/upgrade.yml b/.github/workflows/upgrade.yml
@@ -0,0 +1,36 @@
+name: Update dependencies
+
+on:
+  schedule:
+    - cron: "0 */8 * * *"
+jobs:
+  update-deps:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+
+      - uses: actions/setup-node@v4
+        with:
+          registry-url: https://registry.npmjs.org
+          node-version: 20
+      - name: Setup Git
+        run: |
+          git config --global user.name "mayank1513"
+          git config --global user.email "mayank.srmu@gmail.com"
+          git fetch
+          git checkout main
+          git pull
+      - run: npm i -g pnpm && pnpm i --no-frozen-lockfile
+        name: Install dependencies
+      - run: git stash --include-untracked
+        name: clean up working directory
+      - run: pnpx @turbo/codemod update . && pnpm update --latest -r
+        name: Update dependencies
+      - run: pnpm build --filter @example/nextjs
+        name: Build all apps to make sure it is not broken due to dependency upgrades
+      - name: Save upgraded packages back to repo
+        run: echo $(date +%F_%H:%M:%S) > .lst && git add . && git commit -m "upgrade deps && docs [skip ci]" && git push origin main
diff --git a/examples/nextjs/CHANGELOG.md b/examples/nextjs/CHANGELOG.md
@@ -1,5 +1,12 @@
 # nextjs-example
 
+## 1.0.8
+
+### Patch Changes
+
+- Updated dependencies
+  - persist-and-sync@1.2.3
+
 ## 1.0.7
 
 ### Patch Changes
diff --git a/examples/nextjs/app/Counter.tsx b/examples/nextjs/app/Counter.tsx
@@ -6,7 +6,7 @@ interface CounterProps {
 	synced?: boolean;
 }
 
-export default function Counter({ synced = false }: CounterProps): JSX.Element {
+export default function Counter({ synced = false }: CounterProps) {
 	const [count, setCount] = useMyStore(state =>
 		synced ? [state.count, state.setCount] : [state._count, state.set_Count],
 	);
diff --git a/examples/nextjs/app/OpenNewTab.tsx b/examples/nextjs/app/OpenNewTab.tsx
@@ -1,5 +1,5 @@
 "use client";
-export default function OpenNewTab(): JSX.Element {
+export default function OpenNewTab() {
 	return (
 		<button
 			className="btn btn-outline mt-4"
diff --git a/examples/nextjs/app/layout.tsx b/examples/nextjs/app/layout.tsx
@@ -1,6 +1,6 @@
 import "./globals.css";
 
-export default function RootLayout({ children }: { children: React.ReactNode }): JSX.Element {
+export default function RootLayout({ children }: { children: React.ReactNode }) {
 	return (
 		<html lang="en">
 			<body>{children}</body>
diff --git a/examples/nextjs/app/page.tsx b/examples/nextjs/app/page.tsx
@@ -2,7 +2,7 @@ import Counter from "./Counter";
 import OpenNewTab from "./OpenNewTab";
 import styles from "./page.module.css";
 
-export default function Page(): JSX.Element {
+export default function Page() {
 	return (
 		<div className={styles.container}>
 			<header>
diff --git a/examples/nextjs/next-env.d.ts b/examples/nextjs/next-env.d.ts
@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
diff --git a/examples/nextjs/package.json b/examples/nextjs/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "nextjs-example",
-	"version": "1.0.7",
+	"version": "1.0.8",
 	"private": true,
 	"scripts": {
 		"dev": "next dev --port 3001",
@@ -9,19 +9,19 @@
 		"lint": "next lint"
 	},
 	"dependencies": {
-		"next": "^14.0.4",
+		"next": "^15.3.2",
 		"persist-and-sync": "workspace:*",
-		"react": "^18.2.0",
-		"react-dom": "^18.2.0",
-		"zustand": "^4.4.7"
+		"react": "^19.1.0",
+		"react-dom": "^19.1.0",
+		"zustand": "^5.0.5"
 	},
 	"devDependencies": {
-		"@next/eslint-plugin-next": "^14.0.4",
-		"@types/node": "^20.10.6",
-		"@types/react": "^18.2.46",
-		"@types/react-dom": "^18.2.18",
+		"@next/eslint-plugin-next": "^15.3.2",
+		"@types/node": "^22.15.21",
+		"@types/react": "^19.1.5",
+		"@types/react-dom": "^19.1.5",
 		"eslint-config-custom": "workspace:*",
 		"tsconfig": "workspace:*",
-		"typescript": "^5.3.3"
+		"typescript": "^5.8.3"
 	}
 }
diff --git a/package.json b/package.json
@@ -1,18 +1,19 @@
 {
-	"private": true,
-	"scripts": {
-		"build": "turbo run build",
-		"dev": "turbo run dev",
-		"lint": "turbo run lint",
-		"test": "turbo run test",
-		"format": "prettier --write \"**/*.{ts,tsx,js,jsx,md,css,scss}\""
-	},
-	"devDependencies": {
-		"@changesets/cli": "^2.27.1",
-		"eslint": "^8.56.0",
-		"prettier": "^3.1.1",
-		"tsconfig": "workspace:*",
-		"turbo": "^1.11.2"
-	},
-	"name": "turbo-template"
+  "private": true,
+  "scripts": {
+    "build": "turbo run build",
+    "dev": "turbo run dev",
+    "lint": "turbo run lint",
+    "test": "turbo run test",
+    "format": "prettier --write \"**/*.{ts,tsx,js,jsx,md,css,scss}\""
+  },
+  "devDependencies": {
+    "@changesets/cli": "^2.29.4",
+    "eslint": "^9.27.0",
+    "prettier": "^3.5.3",
+    "tsconfig": "workspace:*",
+    "turbo": "^2.5.3"
+  },
+  "name": "turbo-template",
+  "packageManager": "pnpm@10.11.0"
 }
diff --git a/packages/eslint-config-custom/package.json b/packages/eslint-config-custom/package.json
@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "private": true,
   "devDependencies": {
-    "@vercel/style-guide": "^5.1.0",
-    "eslint-config-turbo": "^1.11.2"
+    "@vercel/style-guide": "^6.0.0",
+    "eslint-config-turbo": "^2.5.3"
   }
 }
diff --git a/packages/persist-and-sync/CHANGELOG.md b/packages/persist-and-sync/CHANGELOG.md
@@ -1,5 +1,11 @@
 # persist-and-sync
 
+## 1.2.3
+
+### Patch Changes
+
+- Upgrade Zustand support to v5
+
 ## 1.2.2
 
 ### Patch Changes
diff --git a/packages/persist-and-sync/package.json b/packages/persist-and-sync/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "persist-and-sync",
 	"author": "Mayank Kumar Chaudhari <https://mayank-chaudhari.vercel.app>",
-	"version": "1.2.2",
+	"version": "1.2.3",
 	"description": "Zustand middleware to easily persist and sync Zustand state between tabs and windows",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -25,15 +25,15 @@
 		"url": "https://github.com/sponsors/mayank1513"
 	},
 	"devDependencies": {
-		"@testing-library/react": "^14.1.2",
-		"@types/node": "^20.10.6",
-		"@vitejs/plugin-react": "^4.2.1",
-		"@vitest/coverage-v8": "^1.1.0",
-		"jsdom": "^23.0.1",
-		"octokit": "^3.1.2",
-		"typescript": "^5.3.3",
-		"vitest": "^1.1.0",
-		"zustand": "^4.4.7"
+		"@testing-library/react": "^16.3.0",
+		"@types/node": "^22.15.21",
+		"@vitejs/plugin-react": "^4.4.1",
+		"@vitest/coverage-v8": "^3.1.4",
+		"jsdom": "^26.1.0",
+		"octokit": "^5.0.2",
+		"typescript": "^5.8.3",
+		"vitest": "^3.1.4",
+		"zustand": "^5.0.5"
 	},
 	"peerDependencies": {
 		"zustand": ">=3"
diff --git a/packages/persist-and-sync/src/index.ts b/packages/persist-and-sync/src/index.ts
@@ -50,6 +50,7 @@ export function clearStorage(name: string, storage?: StorageType) {
 		case "cookies":
 			document.cookie = `${name}=;expires=Thu, 01 Jan 1970 00:00:01 GMT; SameSite=Strict;`;
 			break;
+		default:
 	}
 }
 
@@ -69,6 +70,7 @@ export const persistNSync: PersistNSyncType = (stateCreator, options) => (set, g
 
 	const set_: typeof set = (newStateOrPartialOrFunction, replace) => {
 		const prevState = get() as Record<string, any>;
+		// @ts-expect-error -- Zustand v5 introduced stricter type checking
 		set(newStateOrPartialOrFunction, replace);
 		const newState = get() as Record<string, any>;
 		saveAndSync({ newState, prevState, options });
diff --git a/turbo.json b/turbo.json
@@ -1,19 +1,26 @@
 {
-	"$schema": "https://turbo.build/schema.json",
-	"globalDependencies": ["**/.env.*local"],
-	"pipeline": {
-		"build": {
-			"dependsOn": ["^build"],
-			"outputs": [".next/**", "!.next/cache/**"]
-		},
-		"persist-and-sync#build": {
-			"cache": false
-		},
-		"test": {},
-		"lint": {},
-		"dev": {
-			"cache": false,
-			"persistent": true
-		}
-	}
+  "$schema": "https://turbo.build/schema.json",
+  "globalDependencies": [
+    "**/.env.*local"
+  ],
+  "tasks": {
+    "build": {
+      "dependsOn": [
+        "^build"
+      ],
+      "outputs": [
+        ".next/**",
+        "!.next/cache/**"
+      ]
+    },
+    "persist-and-sync#build": {
+      "cache": false
+    },
+    "test": {},
+    "lint": {},
+    "dev": {
+      "cache": false,
+      "persistent": true
+    }
+  }
 }

Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@ interface CounterProps {`
`6`	`6`	`synced?: boolean;`
`7`	`7`	`}`
`8`	`8`
`9`		`-export default function Counter({ synced = false }: CounterProps): JSX.Element {`
	`9`	`+export default function Counter({ synced = false }: CounterProps) {`
`10`	`10`	`const [count, setCount] = useMyStore(state =>`
`11`	`11`	`synced ? [state.count, state.setCount] : [state._count, state.set_Count],`
`12`	`12`	`);`