v3

.changeset/fresh-comics-whisper.md

@@ -0,0 +1,8 @@
+---
+"@suspensive/react-query-4": major
+"@suspensive/react-query-5": major
+"@suspensive/react-query": major
+"@suspensive/react": major
+---
+
+feat(v3): remove deprecated interfaces

.changeset/pre.json

@@ -0,0 +1,23 @@
+{
+  "mode": "pre",
+  "tag": "next",
+  "initialVersions": {
+    "@suspensive/eslint-config": "0.0.0",
+    "@suspensive/tsconfig": "0.0.0-development",
+    "@suspensive/tsup": "0.0.0",
+    "@suspensive/suspensive.org": "0.0.0",
+    "@suspensive/next-streaming-react-query": "0.0.0",
+    "@suspensive/react-native-playground": "0.0.0",
+    "@suspensive/visualization": "0.0.0",
+    "@suspensive/vite-react-18-suspense-prerender-siblings-problem": "0.0.0",
+    "@suspensive/codemods": "0.2.0",
+    "@suspensive/jotai": "2.18.12",
+    "@suspensive/react": "2.18.12",
+    "@suspensive/react-dom": "0.2.1",
+    "@suspensive/react-native": "0.0.17",
+    "@suspensive/react-query": "2.18.12",
+    "@suspensive/react-query-4": "2.18.12",
+    "@suspensive/react-query-5": "2.18.12"
+  },
+  "changesets": []
+}

.changeset/pretty-brooms-float.md

@@ -0,0 +1,5 @@
+---
+"@suspensive/react": minor
+---
+
+feat(react): prevent recursive expose fallback when fallback throw error

.github/workflows/ci.yml

@@ -2,7 +2,7 @@ name: CI
 
 on:
   push:
-    branches: [main, beta, v1, v2]
+    branches: [main, beta, next, v1, v2, v3]
   pull_request:
     types: [opened, synchronize, reopened]
 env:

.github/workflows/release.yml

@@ -2,7 +2,7 @@ name: Changesets PR or Publish
 
 on:
   push:
-    branches: [main, beta]
+    branches: [main, beta, next, v1, v2, v3]
 
 jobs:
   build:

examples/visualization/package.json

@@ -23,6 +23,7 @@
     "next": "catalog:",
     "react": "catalog:react19",
     "react-dom": "catalog:react19",
+    "react-error-boundary": "^5.0.0",
     "sharp": "catalog:",
     "zod": "^3.24.1"
   },

examples/visualization/src/app/layout.tsx

@@ -31,6 +31,9 @@ export default function RootLayout({ children }: { children: React.ReactNode })
                 <li>
                   <Link href="/react/ErrorBoundary/shouldCatch">{`<ErrorBoundary/>`} shouldCatch prop</Link>
                 </li>
+                <li>
+                  <Link href="/react/ErrorBoundary/ErrorInFallback">{`<ErrorBoundary/>`}'s fallback Error</Link>
+                </li>
                 <li>
                   <Link href="/react/ErrorBoundary/shouldCatch/renderPhase">
                     {`<ErrorBoundary/>`} shouldCatch prop render phase

examples/visualization/src/app/react/ErrorBoundary/ErrorInFallback/page.tsx

@@ -0,0 +1,71 @@
+'use client'
+
+import { ErrorBoundary as SuspensiveErrorBoundary } from '@suspensive/react'
+import { type PropsWithChildren, useCallback, useEffect, useRef, useState } from 'react'
+import { ErrorBoundary as ReactErrorBoundary } from 'react-error-boundary'
+import { Area } from '~/components/uis'
+
+export const useTimeout = (fn: () => void, ms: number) => {
+  const fnRef = useRef(fn)
+  fnRef.current = fn
+  const fnPreserved = useCallback(() => fnRef.current(), [])
+  useEffect(() => {
+    const id = setTimeout(fnPreserved, ms)
+    return () => clearTimeout(id)
+  }, [fnPreserved, ms])
+}
+
+export const Throw = {
+  Error: ({ message, after = 0, children }: PropsWithChildren<{ message: string; after?: number }>) => {
+    const [isNeedThrow, setIsNeedThrow] = useState(after === 0)
+    if (isNeedThrow) {
+      throw new Error(message)
+    }
+    useTimeout(() => setIsNeedThrow(true), after)
+    return <>{children}</>
+  },
+}
+
+export default function Page() {
+  return (
+    <div>
+      <Area title="@suspensive/react">
+        <SuspensiveErrorBoundary fallback={() => <>This is expected</>}>
+          <SuspensiveErrorBoundary
+            fallback={() => {
+              console.log("@suspensive/react's ErrorBoundary fallback")
+              return (
+                <Throw.Error message={'error message in fallback'} after={1000}>
+                  SuspensiveErrorBoundary's fallback before error
+                </Throw.Error>
+              )
+            }}
+          >
+            <Throw.Error message={'error message in children'} after={1000}>
+              SuspensiveErrorBoundary's children before error
+            </Throw.Error>
+          </SuspensiveErrorBoundary>
+        </SuspensiveErrorBoundary>
+      </Area>
+
+      <Area title="react-error-boundary">
+        <ReactErrorBoundary fallbackRender={() => <>This is expected</>}>
+          <ReactErrorBoundary
+            fallbackRender={() => {
+              console.log("react-error-boundary's ErrorBoundary fallback")
+              return (
+                <Throw.Error message={'error message in fallback'} after={1000}>
+                  ReactErrorBoundary's fallback before error
+                </Throw.Error>
+              )
+            }}
+          >
+            <Throw.Error message={'error message in children'} after={1000}>
+              ReactErrorBoundary's children before error
+            </Throw.Error>
+          </ReactErrorBoundary>
+        </ReactErrorBoundary>
+      </Area>
+    </div>
+  )
+}

knip.json

@@ -17,10 +17,10 @@
       "entry": ["src/**/*.{ts,tsx,mdx}"]
     },
     "packages/react-query-4": {
-      "ignoreDependencies": ["@suspensive/react", "@tanstack/react-query"]
+      "ignoreDependencies": ["@tanstack/react-query"]
     },
     "packages/react-query-5": {
-      "ignoreDependencies": ["@suspensive/react", "@tanstack/react-query"]
+      "ignoreDependencies": ["@tanstack/react-query"]
     },
     "packages/react-native": {
       "ignoreDependencies": ["ts-node"],

packages/react-query-4/package.json

@@ -51,22 +51,17 @@
   },
   "devDependencies": {
     "@suspensive/eslint-config": "workspace:*",
-    "@suspensive/react": "workspace:*",
     "@suspensive/tsconfig": "workspace:*",
     "@suspensive/tsup": "workspace:*",
     "@tanstack/react-query": "catalog:react-query4",
     "@types/react": "catalog:react19",
     "react": "catalog:react19"
   },
   "peerDependencies": {
-    "@suspensive/react": "workspace:^2.18.12",
     "@tanstack/react-query": "^4",
     "react": "^18 || ^19"
   },
   "peerDependenciesMeta": {
-    "@suspensive/react": {
-      "optional": true
-    },
     "@tanstack/react-query": {
       "optional": true
     }

packages/react-query-4/src/index.ts

@@ -18,4 +18,3 @@ export { PrefetchQuery } from './PrefetchQuery'
 export { PrefetchInfiniteQuery } from './PrefetchInfiniteQuery'
 export { Mutation } from './Mutation'
 export { QueryClientConsumer } from './QueryClientConsumer'
-export { QueryErrorBoundary } from './QueryErrorBoundary'

packages/react-query-5/package.json

@@ -51,22 +51,17 @@
   },
   "devDependencies": {
     "@suspensive/eslint-config": "workspace:*",
-    "@suspensive/react": "workspace:*",
     "@suspensive/tsconfig": "workspace:*",
     "@suspensive/tsup": "workspace:*",
     "@tanstack/react-query": "catalog:react-query5",
     "@types/react": "catalog:react19",
     "react": "catalog:react19"
   },
   "peerDependencies": {
-    "@suspensive/react": "workspace:^2.18.12",
     "@tanstack/react-query": "^5",
     "react": "^18 || ^19"
   },
   "peerDependenciesMeta": {
-    "@suspensive/react": {
-      "optional": true
-    },
     "@tanstack/react-query": {
       "optional": true
     }

packages/react-query-5/src/index.ts

@@ -16,4 +16,3 @@ export { PrefetchQuery } from './PrefetchQuery'
 export { PrefetchInfiniteQuery } from './PrefetchInfiniteQuery'
 export { Mutation } from './Mutation'
 export { QueryClientConsumer } from './QueryClientConsumer'
-export { QueryErrorBoundary } from './QueryErrorBoundary'

packages/react-query/package.json

@@ -63,22 +63,15 @@
   },
   "devDependencies": {
     "@suspensive/eslint-config": "workspace:*",
-    "@suspensive/react": "workspace:*",
     "@suspensive/tsconfig": "workspace:*",
     "@suspensive/tsup": "workspace:*",
     "@types/react": "catalog:react19",
     "react": "catalog:react19"
   },
   "peerDependencies": {
-    "@suspensive/react": "workspace:^2.18.12",
     "@tanstack/react-query": "^4 || ^5",
     "react": "^18 || ^19"
   },
-  "peerDependenciesMeta": {
-    "@suspensive/react": {
-      "optional": true
-    }
-  },
   "publishConfig": {
     "access": "public"
   }

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

@@ -22,7 +22,6 @@ const version4APIs = [
   'SuspenseQuery',
   'SuspenseQueries',
   'SuspenseInfiniteQuery',
-  'QueryErrorBoundary',
   'QueryClientConsumer',
   'PrefetchQuery',
   'PrefetchInfiniteQuery',

packages/react/package.json

@@ -53,7 +53,8 @@
     "@suspensive/tsconfig": "workspace:*",
     "@suspensive/tsup": "workspace:*",
     "@types/react": "catalog:react19",
-    "react": "catalog:react19"
+    "react": "catalog:react19",
+    "react-error-boundary": "^5.0.0"
   },
   "peerDependencies": {
     "react": "^18 || ^19"