chore: update

docs/suspensive.org/package.json

@@ -29,21 +29,21 @@
     "@tanstack/react-query-devtools": "^4.36.1",
     "codehike": "^1.0.4",
     "d3": "^7.9.0",
-    "framer-motion": "^11.13.1",
+    "motion": "^11.13.5",
     "next": "catalog:",
-    "nextra": "^3.2.4",
-    "nextra-theme-docs": "^3.2.4",
-    "react": "catalog:react18",
-    "react-dom": "catalog:react18",
+    "nextra": "^3.2.5",
+    "nextra-theme-docs": "^3.2.5",
+    "react": "catalog:react19",
+    "react-dom": "catalog:react19",
     "remark-sandpack": "^0.0.5",
     "sharp": "catalog:",
     "zod": "^3.23.8"
   },
   "devDependencies": {
     "@suspensive/eslint-config": "workspace:*",
     "@types/d3": "^7.4.3",
-    "@types/react": "catalog:react18",
-    "@types/react-dom": "catalog:react18",
+    "@types/react": "catalog:react19",
+    "@types/react-dom": "catalog:react19",
     "autoprefixer": "catalog:",
     "postcss": "catalog:",
     "prettier-plugin-tailwindcss": "catalog:",

docs/suspensive.org/src/components/HomePage.tsx

@@ -1,4 +1,4 @@
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import Image from 'next/image'
 import { useRouter } from 'nextra/hooks'
 import { Link } from 'nextra-theme-docs'

docs/suspensive.org/src/components/Scrollycoding.tsx

@@ -36,17 +36,15 @@ export class SmoothPre extends Component<CustomPreProps> {
   }
 
   getSnapshotBeforeUpdate() {
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    return getStartingSnapshot(this.ref.current!)
+    return getStartingSnapshot(this.ref.current)
   }
 
   componentDidUpdate(
     prevProps: never,
     prevState: never,
     snapshot: TokenTransitionsSnapshot
   ) {
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    const transitions = calculateTransitions(this.ref.current!, snapshot)
+    const transitions = calculateTransitions(this.ref.current, snapshot)
     transitions.forEach(({ element, keyframes, options }) => {
       const { translateX, translateY, ...kf } = keyframes as any
       if (translateX && translateY) {

docs/suspensive.org/theme.config.tsx

@@ -1,4 +1,4 @@
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import Image from 'next/image'
 import Link from 'next/link'
 import { useRouter } from 'nextra/hooks'

examples/next-streaming-react-query/package.json

@@ -18,14 +18,14 @@
     "@tanstack/react-query-devtools": "catalog:react-query5",
     "@tanstack/react-query-next-experimental": "catalog:react-query5",
     "next": "catalog:",
-    "react": "catalog:react18",
-    "react-dom": "catalog:react18",
+    "react": "catalog:react19",
+    "react-dom": "catalog:react19",
     "sharp": "catalog:"
   },
   "devDependencies": {
     "@suspensive/eslint-config": "workspace:*",
-    "@types/react": "catalog:react18",
-    "@types/react-dom": "catalog:react18",
+    "@types/react": "catalog:react19",
+    "@types/react-dom": "catalog:react19",
     "autoprefixer": "catalog:",
     "postcss": "catalog:",
     "prettier-plugin-tailwindcss": "catalog:",

examples/react-native-playground/package.json

@@ -15,39 +15,39 @@
     "web": "expo start --web"
   },
   "dependencies": {
-    "@expo/vector-icons": "catalog:react18",
-    "@react-navigation/bottom-tabs": "catalog:react18",
-    "@react-navigation/native": "catalog:react18",
+    "@expo/vector-icons": "catalog:react19",
+    "@react-navigation/bottom-tabs": "catalog:react19",
+    "@react-navigation/native": "catalog:react19",
     "@suspensive/react-native": "workspace:*",
-    "expo": "catalog:react18",
-    "expo-blur": "catalog:react18",
-    "expo-constants": "catalog:react18",
-    "expo-font": "catalog:react18",
-    "expo-haptics": "catalog:react18",
-    "expo-linking": "catalog:react18",
-    "expo-router": "catalog:react18",
-    "expo-splash-screen": "catalog:react18",
-    "expo-status-bar": "catalog:react18",
-    "expo-symbols": "catalog:react18",
-    "expo-system-ui": "catalog:react18",
-    "expo-web-browser": "catalog:react18",
-    "react": "catalog:react18",
-    "react-dom": "catalog:react18",
-    "react-native": "catalog:react18",
-    "react-native-gesture-handler": "catalog:react18",
-    "react-native-reanimated": "catalog:react18",
-    "react-native-safe-area-context": "catalog:react18",
-    "react-native-screens": "catalog:react18",
-    "react-native-web": "catalog:react18",
-    "react-native-webview": "catalog:react18"
+    "expo": "catalog:react19",
+    "expo-blur": "catalog:react19",
+    "expo-constants": "catalog:react19",
+    "expo-font": "catalog:react19",
+    "expo-haptics": "catalog:react19",
+    "expo-linking": "catalog:react19",
+    "expo-router": "catalog:react19",
+    "expo-splash-screen": "catalog:react19",
+    "expo-status-bar": "catalog:react19",
+    "expo-symbols": "catalog:react19",
+    "expo-system-ui": "catalog:react19",
+    "expo-web-browser": "catalog:react19",
+    "react": "catalog:react19",
+    "react-dom": "catalog:react19",
+    "react-native": "catalog:react19",
+    "react-native-gesture-handler": "catalog:react19",
+    "react-native-reanimated": "catalog:react19",
+    "react-native-safe-area-context": "catalog:react19",
+    "react-native-screens": "catalog:react19",
+    "react-native-web": "catalog:react19",
+    "react-native-webview": "catalog:react19"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",
     "@types/jest": "^29.5.12",
-    "@types/react": "catalog:react18",
+    "@types/react": "catalog:react19",
     "@types/react-test-renderer": "^18.3.0",
     "jest": "catalog:",
-    "jest-expo": "catalog:react18",
+    "jest-expo": "catalog:react19",
     "react-test-renderer": "18.3.1",
     "typescript": "^5.7.2"
   },

examples/visualization/package.json

@@ -20,16 +20,16 @@
     "axios": "^1.7.9",
     "clsx": "catalog:",
     "next": "catalog:",
-    "react": "catalog:react18",
-    "react-dom": "catalog:react18",
+    "react": "catalog:react19",
+    "react-dom": "catalog:react19",
     "sharp": "catalog:",
     "zod": "^3.23.8"
   },
   "devDependencies": {
     "@suspensive/eslint-config": "workspace:*",
     "@suspensive/tsconfig": "workspace:*",
-    "@types/react": "catalog:react18",
-    "@types/react-dom": "catalog:react18",
+    "@types/react": "catalog:react19",
+    "@types/react-dom": "catalog:react19",
     "autoprefixer": "catalog:",
     "postcss": "catalog:",
     "prettier-plugin-tailwindcss": "catalog:",

packages/react-query/src/bin/utils/package.ts

@@ -26,20 +26,13 @@ export function getTanStackReactQueryPackageJson(): PackageJson {
 }
 
 export function getSuspensiveReactQueryPackageJson(targetVersion: string): PackageJson {
-  let module: PackageJson
-
   switch (targetVersion) {
-    case '5':
-      module = loadModule<PackageJson>('@suspensive/react-query-5/package.json')
-      break
     case '4':
-      module = loadModule<PackageJson>('@suspensive/react-query-4/package.json')
-      break
+    case '5':
+      return loadModule<PackageJson>(`@suspensive/react-query-${targetVersion}/package.json`)
     default:
       throw new Error(`@suspensive/react-query-${targetVersion} is not found.`)
   }
-
-  return module
 }
 
 export function getIndexFileContent(...paths: string[]): string {