From 23b8137bd69cbc896046a497dc4cbf7bf23d70ec Mon Sep 17 00:00:00 2001
From: Stijn Van Hulle <stijn@stijnvanhulle.be>
Date: Tue, 12 Nov 2024 20:57:20 +0100
Subject: [PATCH] chore: examples for @kubb/react (#1388)

---
 .changeset/shiny-rules-invent.md              |   5 +
 .codesandbox/ci.json                          |   1 +
 docs/.vitepress/config.ts                     |   4 +
 docs/changelog.md                             |   3 +
 docs/examples/react.md                        |  18 +
 docs/helpers/react/hooks/index.md             |  16 +
 docs/package.json                             |   2 +-
 e2e/package.json                              |   2 +-
 examples/advanced/package.json                |   2 +-
 examples/msw/package.json                     |   2 +-
 examples/react/.codesandbox/Dockerfile        |   2 +
 examples/react/.codesandbox/build.js          |  20 ++
 examples/react/.codesandbox/tasks.json        |  33 ++
 examples/react/example1/index.tsx             |  43 +++
 examples/react/example2/index.tsx             |  28 ++
 examples/react/example2/result.ts             |   1 +
 examples/react/example3/index.tsx             |  42 +++
 examples/react/example3/name.ts               |   1 +
 examples/react/example3/result.ts             |   3 +
 examples/react/example4/index.tsx             |  67 ++++
 examples/react/example4/result.ts             |  12 +
 examples/react/example5/App.tsx               |   3 +
 examples/react/example5/index.tsx             |  34 ++
 examples/react/package.json                   |  41 +++
 examples/react/tsconfig.json                  |  25 ++
 examples/vue-query/package.json               |   2 +-
 packages/core/src/FileManager.ts              |  19 +-
 packages/core/src/build.ts                    |   3 +-
 packages/core/src/index.ts                    |   2 +-
 packages/core/src/utils/parser.ts             |  15 +-
 packages/fs/src/write.ts                      |   2 -
 packages/parser-ts/src/format.ts              |   6 +-
 packages/parser-ts/src/print.ts               |   9 +-
 packages/plugin-client/package.json           |   2 +-
 packages/plugin-faker/package.json            |   2 +-
 packages/plugin-msw/package.json              |   2 +-
 packages/plugin-oas/package.json              |   2 +-
 packages/plugin-react-query/package.json      |   2 +-
 packages/plugin-redoc/package.json            |   2 +-
 packages/plugin-solid-query/package.json      |   2 +-
 packages/plugin-svelte-query/package.json     |   2 +-
 packages/plugin-swr/package.json              |   2 +-
 packages/plugin-ts/package.json               |   2 +-
 packages/plugin-vue-query/package.json        |   2 +-
 packages/plugin-zod/package.json              |   2 +-
 packages/react/package.json                   |   1 -
 packages/react/src/ReactTemplate.tsx          |  72 +++-
 packages/react/src/components/Const.tsx       |   1 -
 packages/react/src/components/Function.tsx    |   1 -
 packages/react/src/components/Root.tsx        |  24 +-
 packages/react/src/components/Type.tsx        |   1 -
 .../__snapshots__/Const.test.tsx.snap         |  10 +-
 .../__snapshots__/Function.test.tsx.snap      |  15 +-
 .../__snapshots__/Type.test.tsx.snap          |   8 +-
 packages/react/src/hooks/useApp.ts            |   2 +-
 packages/react/src/hooks/useLifecycle.tsx     |  14 +
 packages/react/src/index.ts                   |   1 +
 packages/react/src/runner.tsx                 |  37 --
 packages/unplugin-kubb/package.json           |   4 +-
 pnpm-lock.yaml                                | 335 +++++++-----------
 60 files changed, 681 insertions(+), 337 deletions(-)
 create mode 100644 .changeset/shiny-rules-invent.md
 create mode 100644 docs/examples/react.md
 create mode 100644 examples/react/.codesandbox/Dockerfile
 create mode 100644 examples/react/.codesandbox/build.js
 create mode 100644 examples/react/.codesandbox/tasks.json
 create mode 100644 examples/react/example1/index.tsx
 create mode 100644 examples/react/example2/index.tsx
 create mode 100644 examples/react/example2/result.ts
 create mode 100644 examples/react/example3/index.tsx
 create mode 100644 examples/react/example3/name.ts
 create mode 100644 examples/react/example3/result.ts
 create mode 100644 examples/react/example4/index.tsx
 create mode 100644 examples/react/example4/result.ts
 create mode 100644 examples/react/example5/App.tsx
 create mode 100644 examples/react/example5/index.tsx
 create mode 100644 examples/react/package.json
 create mode 100644 examples/react/tsconfig.json
 create mode 100644 packages/react/src/hooks/useLifecycle.tsx
 delete mode 100644 packages/react/src/runner.tsx

diff --git a/.changeset/shiny-rules-invent.md b/.changeset/shiny-rules-invent.md
new file mode 100644
index 000000000..cd8fa5a0b
--- /dev/null
+++ b/.changeset/shiny-rules-invent.md
@@ -0,0 +1,5 @@
+---
+"@kubb/react": patch
+---
+
+Better error logging + wider range for `@kubb/react` peerDependency
diff --git a/.codesandbox/ci.json b/.codesandbox/ci.json
index 5760ff61c..baa2eeb14 100644
--- a/.codesandbox/ci.json
+++ b/.codesandbox/ci.json
@@ -26,6 +26,7 @@
     "/examples/react-query",
     "/examples/typescript",
     "/examples/simple-single",
+    "/examples/react",
     "/examples/solid-query",
     "/examples/svelte-query",
     "/examples/swr",
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index addf10397..828924327 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -309,6 +309,10 @@ const examplesSidebar = [
     text: 'Generators <span class="new">new</span>',
     link: '/examples/generators',
   },
+  {
+    text: 'React <span class="new">new</span>',
+    link: '/examples/react',
+  },
 ]
 
 const blogSidebar = [
diff --git a/docs/changelog.md b/docs/changelog.md
index a70568be4..caa499b95 100644
--- a/docs/changelog.md
+++ b/docs/changelog.md
@@ -4,6 +4,9 @@ title: Changelog
 
 # Changelog
 
+## 3.0.4
+- [`react`](/helpers/react//): Better error logging + wider range for `@kubb/react` peerDependency
+
 ## 3.0.3
 - [`plugin-ts`](/plugins/plugin-ts/): `@deprecated` jsdoc tag for schemas
 
diff --git a/docs/examples/react.md b/docs/examples/react.md
new file mode 100644
index 000000000..d62727a2a
--- /dev/null
+++ b/docs/examples/react.md
@@ -0,0 +1,18 @@
+---
+title: React
+aside: false
+---
+
+<iframe
+  src="https://codesandbox.io/embed/github/kubb-labs/kubb/tree/main/examples/react?fontsize=14&module=%2Fsrc%2Fgen%2Fmodels%2FPerson.ts&theme=dark&view=editor"
+  :style="{
+    width: '100%',
+    height: '700px',
+    border: 0,
+    borderRadius: '4px',
+    overflow: 'hidden'
+  }"
+  title="React"
+  allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
+  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+/>
diff --git a/docs/helpers/react/hooks/index.md b/docs/helpers/react/hooks/index.md
index 726591643..780c48316 100644
--- a/docs/helpers/react/hooks/index.md
+++ b/docs/helpers/react/hooks/index.md
@@ -10,6 +10,22 @@ outline: deep
 Some hooks that can be used with `@kubb/react`.
 
 
+## useLifecycle
+
+`useLifecycle` will return some helpers to exit/restart the generation.
+
+
+```tsx
+import { useCli } from '@kubb/react'
+
+function Component() {
+  const { exit } = useLifecycle()
+
+  return null
+}
+```
+
+
 ## useApp
 
 `useApp` will return the current App with plugin, pluginManager, fileManager, mode, ...
diff --git a/docs/package.json b/docs/package.json
index 167ba2def..2b9319f3a 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -49,7 +49,7 @@
     "cross-env": "^7.0.3",
     "react": "^18.3.1",
     "unplugin-kubb": "workspace:^",
-    "vite": "^5.4.10"
+    "vite": "^5.4.11"
   },
   "packageManager": "pnpm@9.12.0",
   "engines": {
diff --git a/e2e/package.json b/e2e/package.json
index dc50fb96f..6e36e08c8 100644
--- a/e2e/package.json
+++ b/e2e/package.json
@@ -37,7 +37,7 @@
     "@tanstack/svelte-query": "^5.59.20",
     "@tanstack/vue-query": "^5.59.20",
     "axios": "^1.7.7",
-    "msw": "^2.6.3",
+    "msw": "^2.6.4",
     "react": "^18.3.1",
     "solid-js": "^1.9.3",
     "svelte": "^3.59.2",
diff --git a/examples/advanced/package.json b/examples/advanced/package.json
index 3ff31802c..2d85b34c3 100644
--- a/examples/advanced/package.json
+++ b/examples/advanced/package.json
@@ -44,7 +44,7 @@
     "@tanstack/svelte-query": "^5.59.20",
     "@tanstack/vue-query": "^5.59.20",
     "axios": "^1.7.7",
-    "msw": "^2.6.3",
+    "msw": "^2.6.4",
     "react": "^18.3.1",
     "solid-js": "^1.9.3",
     "svelte": "^3.59.2",
diff --git a/examples/msw/package.json b/examples/msw/package.json
index 19492434e..6f2d965fe 100644
--- a/examples/msw/package.json
+++ b/examples/msw/package.json
@@ -33,7 +33,7 @@
     "@kubb/plugin-oas": "workspace:*",
     "@kubb/plugin-ts": "workspace:*",
     "@mswjs/http-middleware": "^0.9.2",
-    "msw": "^2.6.3",
+    "msw": "^2.6.4",
     "react": "^18.3.1",
     "tsup": "^8.3.5"
   },
diff --git a/examples/react/.codesandbox/Dockerfile b/examples/react/.codesandbox/Dockerfile
new file mode 100644
index 000000000..7fb9696cb
--- /dev/null
+++ b/examples/react/.codesandbox/Dockerfile
@@ -0,0 +1,2 @@
+FROM node:20-bullseye
+RUN npm i -g pnpm
diff --git a/examples/react/.codesandbox/build.js b/examples/react/.codesandbox/build.js
new file mode 100644
index 000000000..f5512d0da
--- /dev/null
+++ b/examples/react/.codesandbox/build.js
@@ -0,0 +1,20 @@
+import fs from 'node:fs'
+
+const pkgJsonPaths = ['package.json']
+try {
+  for (const pkgJsonPath of pkgJsonPaths) {
+    const pkg = JSON.parse(fs.readFileSync(pkgJsonPath, 'utf-8'))
+    const oldVersion = 'workspace:*'
+    const newVersion = 'alpha'
+
+    const content = JSON.stringify(pkg, null, '\t') + '\n'
+    const newContent = content
+      // @ts-ignore
+      .replaceAll(`"${oldVersion}"`, `"${newVersion}"`)
+
+    fs.writeFileSync(pkgJsonPath, newContent)
+  }
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/examples/react/.codesandbox/tasks.json b/examples/react/.codesandbox/tasks.json
new file mode 100644
index 000000000..10d27238f
--- /dev/null
+++ b/examples/react/.codesandbox/tasks.json
@@ -0,0 +1,33 @@
+{
+  "$schema": "https://codesandbox.io/schemas/tasks.json",
+  "setupTasks": [
+    {
+      "name": "Replace workspace:* by latest",
+      "command": "node ./.codesandbox/build.js"
+    },
+    {
+      "name": "Install Dependencies",
+      "command": "pnpm install"
+    }
+  ],
+  "tasks": {
+    "dev": {
+      "name": "dev",
+      "command": "pnpm dev",
+      "runAtStart": true,
+      "preview": {
+        "port": 5173
+      }
+    },
+    "build": {
+      "name": "build",
+      "command": "pnpm build",
+      "runAtStart": false
+    },
+    "update": {
+      "name": "update",
+      "command": "pnpm update",
+      "runAtStart": false
+    }
+  }
+}
diff --git a/examples/react/example1/index.tsx b/examples/react/example1/index.tsx
new file mode 100644
index 000000000..c5e4449cc
--- /dev/null
+++ b/examples/react/example1/index.tsx
@@ -0,0 +1,43 @@
+import { useEffect, useRef, useState } from 'react'
+
+import { Text, createRoot, useLifecycle } from '@kubb/react'
+
+// attach node stdout with Kubb's internal one
+const root = createRoot({ stdout: process.stdout })
+
+/**
+ * Render component that will count down from 5
+ */
+function Component() {
+  const timer = useRef<NodeJS.Timer>()
+  const [counter, setCounter] = useState(5)
+  const { exit } = useLifecycle()
+
+  useEffect(() => {
+    timer.current = setInterval(() => {
+      setCounter((previousCounter) => {
+        return previousCounter - 1
+      })
+    }, 1000)
+
+    return () => {
+      clearInterval(timer.current)
+    }
+  }, [])
+
+  useEffect(() => {
+    if (counter === 0) {
+      // trigger unmount
+      exit()
+      clearInterval(timer.current)
+    }
+  }, [counter, exit])
+
+  if (counter === 0) {
+    return <Text indentSize={2}>Finished</Text>
+  }
+
+  return <Text>Counter: {counter}</Text>
+}
+
+root.render(<Component />)
diff --git a/examples/react/example2/index.tsx b/examples/react/example2/index.tsx
new file mode 100644
index 000000000..79f00ea1d
--- /dev/null
+++ b/examples/react/example2/index.tsx
@@ -0,0 +1,28 @@
+import process from 'node:process'
+import React from 'react'
+
+import path from 'node:path'
+import { Const, File, createRoot } from '@kubb/react'
+
+const root = createRoot({ stdout: process.stdout })
+
+/**
+ * Create a simple file and write it to the file-system
+ */
+function Component() {
+  return (
+    <File path={path.resolve(__dirname, 'result.ts')} baseName={'result.ts'}>
+      <File.Source>
+        <Const name={'hello'}>"World!"</Const>
+      </File.Source>
+    </File>
+  )
+}
+
+async function start() {
+  root.render(<Component />)
+  console.log('\nFiles: ', root.files.length)
+  await root.write()
+}
+
+start()
diff --git a/examples/react/example2/result.ts b/examples/react/example2/result.ts
new file mode 100644
index 000000000..effe76cf5
--- /dev/null
+++ b/examples/react/example2/result.ts
@@ -0,0 +1 @@
+const hello = 'World!'
diff --git a/examples/react/example3/index.tsx b/examples/react/example3/index.tsx
new file mode 100644
index 000000000..3e80a6e18
--- /dev/null
+++ b/examples/react/example3/index.tsx
@@ -0,0 +1,42 @@
+import process from 'node:process'
+import React from 'react'
+
+import path from 'node:path'
+import { Const, File, createRoot } from '@kubb/react'
+
+const root = createRoot({ stdout: process.stdout })
+
+/**
+ * Create 2 files and write them to the file-system
+ */
+function Component() {
+  const namesPath = path.resolve(__dirname, 'name.ts')
+  const helloWorldPath = path.resolve(__dirname, 'result.ts')
+
+  return (
+    <>
+      <File path={namesPath} baseName={'name.ts'}>
+        <File.Source>
+          <Const export asConst name={'name'}>
+            "Lily"
+          </Const>
+        </File.Source>
+      </File>
+
+      <File path={helloWorldPath} baseName={'result.ts'}>
+        <File.Import root={helloWorldPath} name={['name']} path={namesPath} />
+        <File.Source>
+          <Const name={'hello'}>name</Const>
+        </File.Source>
+      </File>
+    </>
+  )
+}
+
+async function start() {
+  root.render(<Component />)
+  console.log('\nFiles: ', root.files.length)
+  await root.write()
+}
+
+start()
diff --git a/examples/react/example3/name.ts b/examples/react/example3/name.ts
new file mode 100644
index 000000000..1fca82f40
--- /dev/null
+++ b/examples/react/example3/name.ts
@@ -0,0 +1 @@
+export const name = 'Lily' as const
diff --git a/examples/react/example3/result.ts b/examples/react/example3/result.ts
new file mode 100644
index 000000000..b9f13e7b4
--- /dev/null
+++ b/examples/react/example3/result.ts
@@ -0,0 +1,3 @@
+import { name } from './name'
+
+const hello = name
diff --git a/examples/react/example4/index.tsx b/examples/react/example4/index.tsx
new file mode 100644
index 000000000..c0bc91790
--- /dev/null
+++ b/examples/react/example4/index.tsx
@@ -0,0 +1,67 @@
+import process from 'node:process'
+import React, { useEffect, useState } from 'react'
+
+import path from 'node:path'
+import { Const, File, Function, createRoot, useLifecycle } from '@kubb/react'
+
+const root = createRoot({ stdout: process.stdout })
+
+const fetchNames = async (): Promise<string[]> => {
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      resolve(['Lily', 'Jan'])
+    }, 2000)
+  })
+}
+
+/**
+ * Create a file and append data based on a promise
+ */
+function Component() {
+  const [names, setNames] = useState<string[]>([])
+  const { exit } = useLifecycle()
+
+  useEffect(() => {
+    fetchNames().then((newNames) => {
+      setNames(newNames)
+      exit()
+    })
+  }, [exit])
+
+  return (
+    <File path={path.resolve(__dirname, 'result.ts')} baseName={'result.ts'}>
+      <File.Source>
+        <Const name={'names'}>"{names.join(' and ')}"</Const>
+        <br />
+        <Function.Arrow name={'getNames'} export singleLine>
+          names
+        </Function.Arrow>
+        <Function.Arrow name={'getFirstChar'} export>
+          return names.charAt(0)
+        </Function.Arrow>
+        <br />
+        <Function
+          name={'getNamesTyped'}
+          export
+          returnType={'TNames'}
+          JSDoc={{
+            comments: ['Returns the names'],
+          }}
+          generics={['TNames extends string']}
+        >
+          return names as TNames
+        </Function>
+      </File.Source>
+    </File>
+  )
+}
+
+async function start() {
+  root.render(<Component />)
+
+  await root.waitUntilExit()
+  console.log('\nFiles: ', root.files.length)
+  await root.write()
+}
+
+start()
diff --git a/examples/react/example4/result.ts b/examples/react/example4/result.ts
new file mode 100644
index 000000000..ab22ee4ed
--- /dev/null
+++ b/examples/react/example4/result.ts
@@ -0,0 +1,12 @@
+const names = 'Lily and Jan'
+export const getNames = () => names
+export const getFirstChar = () => {
+  return names.charAt(0)
+}
+
+/**
+ * Returns the names
+ */
+export function getNamesTyped<TNames extends string>(): TNames {
+  return names as TNames
+}
diff --git a/examples/react/example5/App.tsx b/examples/react/example5/App.tsx
new file mode 100644
index 000000000..55783e0c8
--- /dev/null
+++ b/examples/react/example5/App.tsx
@@ -0,0 +1,3 @@
+export function Users() {
+  return <div className="test" />
+}
diff --git a/examples/react/example5/index.tsx b/examples/react/example5/index.tsx
new file mode 100644
index 000000000..92d9e78c5
--- /dev/null
+++ b/examples/react/example5/index.tsx
@@ -0,0 +1,34 @@
+import process from 'node:process'
+import React from 'react'
+
+import path from 'node:path'
+import { File, Function, createRoot } from '@kubb/react'
+
+const root = createRoot({ stdout: process.stdout })
+
+/**
+ * Create a file and append JSX
+ */
+function Component() {
+  return (
+    <File path={path.resolve(__dirname, 'App.tsx')} baseName={'App.tsx'}>
+      <File.Source>
+        <Function export name={'Users'}>
+          {`
+        return (
+          <div className="test" />
+          )
+        `}
+        </Function>
+      </File.Source>
+    </File>
+  )
+}
+
+async function start() {
+  root.render(<Component />)
+
+  await root.write()
+}
+
+start()
diff --git a/examples/react/package.json b/examples/react/package.json
new file mode 100644
index 000000000..67a049e6e
--- /dev/null
+++ b/examples/react/package.json
@@ -0,0 +1,41 @@
+{
+  "name": "react-pet-store",
+  "version": "0.0.1",
+  "private": true,
+  "description": "React PetStore example",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/kubb-labs/kubb.git",
+    "directory": "packages/examples/react"
+  },
+  "license": "MIT",
+  "author": "Stijn Van Hulle <stijn@stijnvanhulle.be",
+  "sideEffects": false,
+  "scripts": {
+    "build": "",
+    "clean": "npx rimraf ./dist",
+    "example1": "bun ./example1/index.tsx",
+    "example2": "bun ./example2/index.tsx",
+    "example3": "bun ./example3/index.tsx",
+    "example4": "bun ./example4/index.tsx",
+    "example5": "bun ./example5/index.tsx",
+    "start": "tsup --watch",
+    "test": "vitest",
+    "typecheck": ""
+  },
+  "dependencies": {
+    "@kubb/react": "workspace:*"
+  },
+  "devDependencies": {
+    "@kubb/config-ts": "workspace:*",
+    "@types/react": "^18.3.12",
+    "react": "^18.3.1",
+    "tsup": "^8.3.5",
+    "typescript": "^5.6.3"
+  },
+  "packageManager": "pnpm@9.4.0",
+  "engines": {
+    "node": ">=20",
+    "pnpm": ">=8.15.0"
+  }
+}
diff --git a/examples/react/tsconfig.json b/examples/react/tsconfig.json
new file mode 100644
index 000000000..ffcf620da
--- /dev/null
+++ b/examples/react/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    /* If NOT transpiling with TypeScript: */
+    "module": "ES2020",
+    "moduleResolution": "node",
+    "sourceMap": true,
+    "strictNullChecks": true,
+    "jsx": "react-jsx",
+    "outDir": "es",
+    "experimentalDecorators": true,
+    "skipLibCheck": true,
+    "baseUrl": ".",
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "allowJs": true,
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "noEmit": true,
+    "alwaysStrict": true,
+    "strict": true
+  },
+  "include": ["./src/**/*", "./templates/**/*"],
+  "exclude": ["**/node_modules", "**/types/**", "**/mocks/**"]
+}
diff --git a/examples/vue-query/package.json b/examples/vue-query/package.json
index b175acc4c..67d0c1f00 100644
--- a/examples/vue-query/package.json
+++ b/examples/vue-query/package.json
@@ -39,7 +39,7 @@
     "msw": "^1.3.5",
     "tsup": "^8.3.5",
     "typescript": "^5.6.3",
-    "vite": "^5.4.10"
+    "vite": "^5.4.11"
   },
   "packageManager": "pnpm@9.4.0",
   "engines": {
diff --git a/packages/core/src/FileManager.ts b/packages/core/src/FileManager.ts
index 20de115e0..9a86430b2 100644
--- a/packages/core/src/FileManager.ts
+++ b/packages/core/src/FileManager.ts
@@ -367,9 +367,10 @@ export function combineImports(imports: Array<KubbFile.Import>, exports: Array<K
 }
 
 type WriteFilesProps = {
-  config: Config
+  root: Config['root']
   files: Array<KubbFile.ResolvedFile>
-  logger: Logger
+  extension?: Config['output']['extension']
+  logger?: Logger
   dryRun?: boolean
 }
 /**
@@ -377,14 +378,14 @@ type WriteFilesProps = {
  */
 const queue = new PQueue({ concurrency: 100 })
 
-export async function processFiles({ dryRun, config, logger, files }: WriteFilesProps) {
+export async function processFiles({ dryRun, root, extension, logger, files }: WriteFilesProps) {
   const orderedFiles = orderBy(files, [
     (v) => v?.meta && 'pluginKey' in v.meta && !v.meta.pluginKey,
     (v) => v.path.length,
     (v) => trimExtName(v.path).endsWith('index'),
   ])
 
-  logger.emit('debug', {
+  logger?.emit('debug', {
     date: new Date(),
     logs: [JSON.stringify({ files: orderedFiles }, null, 2)],
     fileName: 'kubb-files.log',
@@ -393,23 +394,23 @@ export async function processFiles({ dryRun, config, logger, files }: WriteFiles
   if (!dryRun) {
     const size = orderedFiles.length
 
-    logger.emit('progress_start', { id: 'files', size, message: 'Writing files ...' })
+    logger?.emit('progress_start', { id: 'files', size, message: 'Writing files ...' })
     const promises = orderedFiles.map(async (file) => {
       await queue.add(async () => {
-        const message = file ? `Writing ${relative(config.root, file.path)}` : ''
-        const extname = config.output.extension?.[file.extname]
+        const message = file ? `Writing ${relative(root, file.path)}` : ''
+        const extname = extension?.[file.extname]
 
         const source = await getSource(file, { logger, extname })
 
         await write(file.path, source, { sanity: false })
 
-        logger.emit('progressed', { id: 'files', message })
+        logger?.emit('progressed', { id: 'files', message })
       })
     })
 
     await Promise.all(promises)
 
-    logger.emit('progress_stop', { id: 'files' })
+    logger?.emit('progress_stop', { id: 'files' })
   }
 
   return files
diff --git a/packages/core/src/build.ts b/packages/core/src/build.ts
index b212f6ef1..744a18298 100644
--- a/packages/core/src/build.ts
+++ b/packages/core/src/build.ts
@@ -135,7 +135,8 @@ export async function safeBuild(options: BuildOptions): Promise<BuildOutput> {
     }
 
     files = await processFiles({
-      config: options.config,
+      root: options.config.root,
+      extension: options.config.output.extension,
       dryRun: !options.config.output.write,
       files: pluginManager.fileManager.files,
       logger: pluginManager.logger,
diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
index b5bfe5687..5c7178eac 100644
--- a/packages/core/src/index.ts
+++ b/packages/core/src/index.ts
@@ -1,6 +1,6 @@
 export { build, build as default, safeBuild } from './build.ts'
 export { defineConfig, isInputPath } from './config.ts'
-export { FileManager, getSource } from './FileManager.ts'
+export { FileManager, getSource, processFiles } from './FileManager.ts'
 export type { FileMetaBase } from './FileManager.ts'
 export { BaseGenerator } from './BaseGenerator.ts'
 export { PackageManager } from './PackageManager.ts'
diff --git a/packages/core/src/utils/parser.ts b/packages/core/src/utils/parser.ts
index ae1c27f2f..5aa23a64a 100644
--- a/packages/core/src/utils/parser.ts
+++ b/packages/core/src/utils/parser.ts
@@ -118,6 +118,17 @@ const typeScriptParser = createFileParser({
   },
 })
 
+const tsxParser = createFileParser({
+  async format(source) {
+    const module = await import('@kubb/parser-ts')
+    //4 = tsx
+    return module.format(source, { scriptKind: 4 })
+  },
+  async print(file, options = { extname: '.tsx' }) {
+    return typeScriptParser.print(file, options)
+  },
+})
+
 const defaultParser = createFileParser({
   async format(source) {
     return source
@@ -130,8 +141,8 @@ const defaultParser = createFileParser({
 const parsers: Record<KubbFile.Extname, ParserModule<any>> = {
   '.ts': typeScriptParser,
   '.js': typeScriptParser,
-  '.jsx': typeScriptParser,
-  '.tsx': typeScriptParser,
+  '.jsx': tsxParser,
+  '.tsx': tsxParser,
   '.json': defaultParser,
 }
 
diff --git a/packages/fs/src/write.ts b/packages/fs/src/write.ts
index 16fddaa32..dd14607ad 100644
--- a/packages/fs/src/write.ts
+++ b/packages/fs/src/write.ts
@@ -19,8 +19,6 @@ const writer = switcher(
         /* empty */
       }
 
-      // await new Promise((resolve) => setTimeout(resolve, 20000))
-
       await fs.outputFile(resolve(path), data, { encoding: 'utf-8' })
 
       if (sanity) {
diff --git a/packages/parser-ts/src/format.ts b/packages/parser-ts/src/format.ts
index f2f96f6d9..f3a6e59ba 100644
--- a/packages/parser-ts/src/format.ts
+++ b/packages/parser-ts/src/format.ts
@@ -1,9 +1,9 @@
-import { print } from './print.ts'
+import { type PrintOptions, print } from './print.ts'
 
 /**
  * Format the generated code based on the TypeScript printer.
  */
-export function format(source: string) {
+export function format(source: string, options: Omit<PrintOptions, 'source'> = {}) {
   // do some basic linting with the ts compiler
-  return print([], { source, noEmitHelpers: false })
+  return print([], { source, noEmitHelpers: false, ...options })
 }
diff --git a/packages/parser-ts/src/print.ts b/packages/parser-ts/src/print.ts
index cf01cc381..123be538e 100644
--- a/packages/parser-ts/src/print.ts
+++ b/packages/parser-ts/src/print.ts
@@ -1,12 +1,13 @@
-import ts from 'typescript'
+import ts, { LanguageVariant } from 'typescript'
 
 import type { PrinterOptions } from 'typescript'
 
 const { factory } = ts
 
-type Options = {
+export type PrintOptions = {
   source?: string
   baseName?: string
+  scriptKind?: ts.ScriptKind
 } & PrinterOptions
 
 /**
@@ -28,9 +29,9 @@ const restoreNewLines = (code: string) => code.replace(/\/\* :newline: \*\//g, '
  */
 export function print(
   elements: Array<ts.Node>,
-  { source = '', baseName = 'print.ts', removeComments, noEmitHelpers, newLine = ts.NewLineKind.LineFeed }: Options = {},
+  { source = '', baseName = 'print.ts', removeComments, noEmitHelpers, newLine = ts.NewLineKind.LineFeed, scriptKind = ts.ScriptKind.TS }: PrintOptions = {},
 ): string {
-  const sourceFile = ts.createSourceFile(baseName, escapeNewLines(source), ts.ScriptTarget.ES2022, false, ts.ScriptKind.TS)
+  const sourceFile = ts.createSourceFile(baseName, escapeNewLines(source), ts.ScriptTarget.ES2022, false, scriptKind)
   const printer = ts.createPrinter({
     omitTrailingSemicolon: true,
     newLine,
diff --git a/packages/plugin-client/package.json b/packages/plugin-client/package.json
index 6cb7fece0..01da8b73b 100644
--- a/packages/plugin-client/package.json
+++ b/packages/plugin-client/package.json
@@ -99,7 +99,7 @@
     "typescript": "^5.6.3"
   },
   "peerDependencies": {
-    "@kubb/react": "workspace:*",
+    "@kubb/react": "^3.0.0",
     "axios": "^1.7.2"
   },
   "peerDependenciesMeta": {
diff --git a/packages/plugin-faker/package.json b/packages/plugin-faker/package.json
index 89caa36e2..da80ca02f 100644
--- a/packages/plugin-faker/package.json
+++ b/packages/plugin-faker/package.json
@@ -86,7 +86,7 @@
     "typescript": "^5.6.3"
   },
   "peerDependencies": {
-    "@kubb/react": "workspace:*"
+    "@kubb/react": "^3.0.0"
   },
   "engines": {
     "node": ">=20"
diff --git a/packages/plugin-msw/package.json b/packages/plugin-msw/package.json
index 1fec71cd2..99ede1eee 100644
--- a/packages/plugin-msw/package.json
+++ b/packages/plugin-msw/package.json
@@ -102,7 +102,7 @@
     "typescript": "^5.6.3"
   },
   "peerDependencies": {
-    "@kubb/react": "workspace:*"
+    "@kubb/react": "^3.0.0"
   },
   "engines": {
     "node": ">=20"
diff --git a/packages/plugin-oas/package.json b/packages/plugin-oas/package.json
index c6fe7d1b9..81a5d977c 100644
--- a/packages/plugin-oas/package.json
+++ b/packages/plugin-oas/package.json
@@ -101,7 +101,7 @@
     "typescript": "^5.6.3"
   },
   "peerDependencies": {
-    "@kubb/react": "workspace:*"
+    "@kubb/react": "^3.0.0"
   },
   "engines": {
     "node": ">=20"
diff --git a/packages/plugin-react-query/package.json b/packages/plugin-react-query/package.json
index ae842b78e..030be4b21 100644
--- a/packages/plugin-react-query/package.json
+++ b/packages/plugin-react-query/package.json
@@ -91,7 +91,7 @@
     "typescript": "^5.6.3"
   },
   "peerDependencies": {
-    "@kubb/react": "workspace:*"
+    "@kubb/react": "^3.0.0"
   },
   "engines": {
     "node": ">=20"
diff --git a/packages/plugin-redoc/package.json b/packages/plugin-redoc/package.json
index 3498bd235..cd9280b6c 100644
--- a/packages/plugin-redoc/package.json
+++ b/packages/plugin-redoc/package.json
@@ -71,7 +71,7 @@
     "typescript": "^5.6.3"
   },
   "peerDependencies": {
-    "@kubb/react": "workspace:*"
+    "@kubb/react": "^3.0.0"
   },
   "engines": {
     "node": ">=20"
diff --git a/packages/plugin-solid-query/package.json b/packages/plugin-solid-query/package.json
index 39f3ad435..23a83ffe5 100644
--- a/packages/plugin-solid-query/package.json
+++ b/packages/plugin-solid-query/package.json
@@ -91,7 +91,7 @@
     "typescript": "^5.6.3"
   },
   "peerDependencies": {
-    "@kubb/react": "workspace:*"
+    "@kubb/react": "^3.0.0"
   },
   "engines": {
     "node": ">=20"
diff --git a/packages/plugin-svelte-query/package.json b/packages/plugin-svelte-query/package.json
index 4181c5d9c..94ec12651 100644
--- a/packages/plugin-svelte-query/package.json
+++ b/packages/plugin-svelte-query/package.json
@@ -91,7 +91,7 @@
     "typescript": "^5.6.3"
   },
   "peerDependencies": {
-    "@kubb/react": "workspace:*"
+    "@kubb/react": "^3.0.0"
   },
   "engines": {
     "node": ">=20"
diff --git a/packages/plugin-swr/package.json b/packages/plugin-swr/package.json
index 26304f26a..f5195147b 100644
--- a/packages/plugin-swr/package.json
+++ b/packages/plugin-swr/package.json
@@ -93,7 +93,7 @@
     "typescript": "^5.6.3"
   },
   "peerDependencies": {
-    "@kubb/react": "workspace:*"
+    "@kubb/react": "^3.0.0"
   },
   "engines": {
     "node": ">=20"
diff --git a/packages/plugin-ts/package.json b/packages/plugin-ts/package.json
index 254c124d8..fa752a6eb 100644
--- a/packages/plugin-ts/package.json
+++ b/packages/plugin-ts/package.json
@@ -85,7 +85,7 @@
     "typescript": "^5.6.3"
   },
   "peerDependencies": {
-    "@kubb/react": "workspace:*"
+    "@kubb/react": "^3.0.0"
   },
   "engines": {
     "node": ">=20"
diff --git a/packages/plugin-vue-query/package.json b/packages/plugin-vue-query/package.json
index 93418fb8f..8c7eaa3a8 100644
--- a/packages/plugin-vue-query/package.json
+++ b/packages/plugin-vue-query/package.json
@@ -91,7 +91,7 @@
     "typescript": "^5.6.3"
   },
   "peerDependencies": {
-    "@kubb/react": "workspace:*"
+    "@kubb/react": "^3.0.0"
   },
   "engines": {
     "node": ">=20"
diff --git a/packages/plugin-zod/package.json b/packages/plugin-zod/package.json
index f220e4d2d..f0b4ecebe 100644
--- a/packages/plugin-zod/package.json
+++ b/packages/plugin-zod/package.json
@@ -83,7 +83,7 @@
     "tsup": "^8.3.5"
   },
   "peerDependencies": {
-    "@kubb/react": "workspace:*"
+    "@kubb/react": "^3.0.0"
   },
   "engines": {
     "node": ">=20"
diff --git a/packages/react/package.json b/packages/react/package.json
index 9d61f23b7..e4c0a2960 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -85,7 +85,6 @@
     "@kubb/core": "workspace:*",
     "@kubb/fs": "workspace:*",
     "@kubb/parser-ts": "workspace:*",
-    "auto-bind": "^5.0.1",
     "execa": "^9.5.1",
     "natural-orderby": "^4.0.0",
     "react": "^18.3.1",
diff --git a/packages/react/src/ReactTemplate.tsx b/packages/react/src/ReactTemplate.tsx
index 7d63f87da..0b18dc6ce 100644
--- a/packages/react/src/ReactTemplate.tsx
+++ b/packages/react/src/ReactTemplate.tsx
@@ -6,9 +6,9 @@ import { KubbRenderer } from './kubbRenderer.ts'
 import { type RendererResult, renderer } from './renderer.ts'
 import { throttle } from './utils/throttle.ts'
 
+import { FileManager, processFiles } from '@kubb/core'
 import type { Logger } from '@kubb/core/logger'
 import type * as KubbFile from '@kubb/fs/types'
-import autoBind from 'auto-bind'
 import type { ReactNode } from 'react'
 import * as React from 'react'
 import type { RootContextProps } from './components/Root.tsx'
@@ -24,10 +24,15 @@ export type ReactTemplateOptions = {
   stdin?: NodeJS.ReadStream
   stderr?: NodeJS.WriteStream
   logger?: Logger
+  /**
+   * Set this to true to always see the result of the render in the console(line per render)
+   */
   debug?: boolean
 }
 
-export class ReactTemplate<Context extends RootContextProps = RootContextProps> {
+type Context = Omit<RootContextProps, 'exit'>
+
+export class ReactTemplate<TMeta extends Record<string, unknown> = Record<string, unknown>> {
   readonly #options: ReactTemplateOptions
   // Ignore last render after unmounting a tree to prevent empty output before exit
   #isUnmounted: boolean
@@ -38,7 +43,6 @@ export class ReactTemplate<Context extends RootContextProps = RootContextProps>
   readonly #rootNode: DOMElement
 
   constructor(options: ReactTemplateOptions) {
-    autoBind(this)
     this.#options = options
 
     this.#rootNode = createNode('kubb-root')
@@ -47,6 +51,7 @@ export class ReactTemplate<Context extends RootContextProps = RootContextProps>
 
     // Ignore last render after unmounting a tree to prevent empty output before exit
     this.#isUnmounted = false
+    this.unmount.bind(this)
 
     // Store last output to only rerender when needed
     this.#lastRendererResult = {
@@ -55,6 +60,20 @@ export class ReactTemplate<Context extends RootContextProps = RootContextProps>
       imports: [],
       output: '',
     }
+    const originalError = console.error
+    //@ts-ignore
+    console.error = (data: string | Error) => {
+      if (typeof data === 'string') {
+        if (data.match(/React will try to recreat/gi)) {
+          return
+        }
+        if (data.match(/The above error occurred in the <KubbErrorBoundary/gi)) {
+          return
+        }
+      }
+
+      originalError(data)
+    }
 
     this.#container = KubbRenderer.createContainer(
       this.#rootNode,
@@ -74,7 +93,7 @@ export class ReactTemplate<Context extends RootContextProps = RootContextProps>
         this.unmount(code)
       },
       { alwaysLast: false },
-    )
+    ).bind(this)
 
     KubbRenderer.injectIntoDevTools({
       bundleType: 0, // 0 for PROD, 1 for DEV
@@ -103,10 +122,14 @@ export class ReactTemplate<Context extends RootContextProps = RootContextProps>
     const result = renderer(this.#rootNode)
 
     if (this.#options.debug) {
-      console.log('Render', result.output)
+      console.log(result.output)
     }
 
-    this.#options.stdout?.write(result.output)
+    if (this.#options.stdout) {
+      this.#options.stdout.clearLine(0)
+      this.#options.stdout.cursorTo(0)
+      this.#options.stdout.write(result.output)
+    }
 
     this.#lastRendererResult = result
   }
@@ -114,6 +137,7 @@ export class ReactTemplate<Context extends RootContextProps = RootContextProps>
     if (process.env.NODE_ENV === 'test') {
       console.warn(error)
     }
+
     throw error
   }
   onExit(error?: Error): void {
@@ -122,7 +146,7 @@ export class ReactTemplate<Context extends RootContextProps = RootContextProps>
 
   render(node: ReactNode, context?: Context): void {
     const element = (
-      <Root logger={this.#options.logger} meta={context?.meta || {}} onExit={this.onExit} onError={this.onError}>
+      <Root logger={this.#options.logger} meta={context?.meta || {}} onExit={this.onExit.bind(this)} onError={this.onError.bind(this)}>
         {node}
       </Root>
     )
@@ -140,6 +164,10 @@ export class ReactTemplate<Context extends RootContextProps = RootContextProps>
       return
     }
 
+    if (this.#options.debug) {
+      console.log('Unmount', error)
+    }
+
     this.onRender()
     this.unsubscribeExit()
 
@@ -147,18 +175,30 @@ export class ReactTemplate<Context extends RootContextProps = RootContextProps>
 
     KubbRenderer.updateContainer(null, this.#container, null, noop)
 
-    if (error instanceof Error) {
-      if (this.#options.debug) {
-        console.log('Unmount', error)
-      }
+    if (this.#options.stdout) {
+      this.#options.stdout.clearLine(0)
+      this.#options.stdout.cursorTo(0)
+      this.#options.stdout.write(`${this.#lastRendererResult.output}\n`)
+    }
 
+    if (error instanceof Error) {
       this.rejectExitPromise(error)
-    } else {
-      if (this.#options.debug) {
-        console.log('Unmount', error)
-      }
-      this.resolveExitPromise(this.#lastRendererResult)
+
+      return
     }
+
+    this.resolveExitPromise(this.#lastRendererResult)
+  }
+
+  async write() {
+    const fileManager = new FileManager()
+
+    await fileManager.add(...this.#lastRendererResult.files)
+
+    return processFiles({
+      root: process.cwd(),
+      files: fileManager.files,
+    })
   }
 
   async waitUntilExit(): Promise<RendererResult> {
diff --git a/packages/react/src/components/Const.tsx b/packages/react/src/components/Const.tsx
index 9ee3f85a7..a9a1376f2 100644
--- a/packages/react/src/components/Const.tsx
+++ b/packages/react/src/components/Const.tsx
@@ -50,7 +50,6 @@ export function Const({ name, export: canExport, JSDoc, asConst, children }: Pro
           as const
         </Text>
       )}
-      <br />
     </>
   )
 }
diff --git a/packages/react/src/components/Function.tsx b/packages/react/src/components/Function.tsx
index f86b0041d..750c539dd 100644
--- a/packages/react/src/components/Function.tsx
+++ b/packages/react/src/components/Function.tsx
@@ -81,7 +81,6 @@ export function Function({ name, export: canExport, async, generics, params, ret
       <Text indentSize={2}>{children}</Text>
       <br />
       <Text>{'}'}</Text>
-      <br />
     </>
   )
 }
diff --git a/packages/react/src/components/Root.tsx b/packages/react/src/components/Root.tsx
index e3dc0222d..7d106cf80 100644
--- a/packages/react/src/components/Root.tsx
+++ b/packages/react/src/components/Root.tsx
@@ -64,16 +64,20 @@ type RootProps<Meta extends Record<string, unknown> = Record<string, unknown>> =
 }
 
 export function Root<Meta extends Record<string, unknown> = Record<string, unknown>>({ onError, onExit, logger, meta, children }: RootProps<Meta>): KubbNode {
-  return (
-    <ErrorBoundary
-      logger={logger}
-      onError={(error) => {
-        onError(error)
-      }}
-    >
-      <RootContext.Provider value={{ meta, exit: onExit }}>{children}</RootContext.Provider>
-    </ErrorBoundary>
-  )
+  try {
+    return (
+      <ErrorBoundary
+        logger={logger}
+        onError={(error) => {
+          onError(error)
+        }}
+      >
+        <RootContext.Provider value={{ meta, exit: onExit }}>{children}</RootContext.Provider>
+      </ErrorBoundary>
+    )
+  } catch (e) {
+    return null
+  }
 }
 
 Root.Context = RootContext
diff --git a/packages/react/src/components/Type.tsx b/packages/react/src/components/Type.tsx
index 7a4f18c29..22adbeb55 100644
--- a/packages/react/src/components/Type.tsx
+++ b/packages/react/src/components/Type.tsx
@@ -44,7 +44,6 @@ export function Type({ name, export: canExport, JSDoc, children }: Props): KubbN
         <Text.Space />
       </Text>
       <Text>{children}</Text>
-      <br />
     </>
   )
 }
diff --git a/packages/react/src/components/__snapshots__/Const.test.tsx.snap b/packages/react/src/components/__snapshots__/Const.test.tsx.snap
index 54fc0b372..456cfbf41 100644
--- a/packages/react/src/components/__snapshots__/Const.test.tsx.snap
+++ b/packages/react/src/components/__snapshots__/Const.test.tsx.snap
@@ -1,11 +1,5 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`<Const/> > render Const 1`] = `
-"const data = "blue"
-"
-`;
+exports[`<Const/> > render Const 1`] = `"const data = "blue""`;
 
-exports[`<Const/> > render Const with const assertion 1`] = `
-"const data = "blue" as const
-"
-`;
+exports[`<Const/> > render Const with const assertion 1`] = `"const data = "blue" as const"`;
diff --git a/packages/react/src/components/__snapshots__/Function.test.tsx.snap b/packages/react/src/components/__snapshots__/Function.test.tsx.snap
index 42b76a6e1..a62039c24 100644
--- a/packages/react/src/components/__snapshots__/Function.test.tsx.snap
+++ b/packages/react/src/components/__snapshots__/Function.test.tsx.snap
@@ -22,15 +22,13 @@ exports[`<Function/> > render ArrowFunction SingleLine 1`] = `
 exports[`<Function/> > render Function 1`] = `
 "export async function getData() {
   return 2;
-}
-"
+}"
 `;
 
 exports[`<Function/> > render Function Generics 1`] = `
 "export async function getData<TData>(): Promise<number> {
   return 2;
-}
-"
+}"
 `;
 
 exports[`<Function/> > render Function with comments 1`] = `
@@ -39,16 +37,13 @@ exports[`<Function/> > render Function with comments 1`] = `
  */
 export async function getData() {
   return 2;
-}
-"
+}"
 `;
 
 exports[`<Function/> > render multiple functions 1`] = `
 "export async function getData<TData>(): Promise<number> {
   2;
-}
-export async function getData<TData>(): Promise<number> {
+}export async function getData<TData>(): Promise<number> {
   3;
-}
-"
+}"
 `;
diff --git a/packages/react/src/components/__snapshots__/Type.test.tsx.snap b/packages/react/src/components/__snapshots__/Type.test.tsx.snap
index 13c676a1d..7a8d5e98c 100644
--- a/packages/react/src/components/__snapshots__/Type.test.tsx.snap
+++ b/packages/react/src/components/__snapshots__/Type.test.tsx.snap
@@ -1,14 +1,10 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`<Type/> > render Type 1`] = `
-"type Data = string
-"
-`;
+exports[`<Type/> > render Type 1`] = `"type Data = string"`;
 
 exports[`<Type/> > render Type with comments 1`] = `
 "/**
  * @deprecated
  */
-export type Data = number | string
-"
+export type Data = number | string"
 `;
diff --git a/packages/react/src/hooks/useApp.ts b/packages/react/src/hooks/useApp.ts
index 7a4da733b..683a219da 100644
--- a/packages/react/src/hooks/useApp.ts
+++ b/packages/react/src/hooks/useApp.ts
@@ -22,7 +22,7 @@ export function useApp<TOptions extends PluginFactoryOptions = PluginFactoryOpti
   const app = useContext(App.Context)
 
   if (!app) {
-    throw new Error('<App/> should be set')
+    throw new Error('<App /> should be set')
   }
 
   return {
diff --git a/packages/react/src/hooks/useLifecycle.tsx b/packages/react/src/hooks/useLifecycle.tsx
new file mode 100644
index 000000000..57dc8a8e7
--- /dev/null
+++ b/packages/react/src/hooks/useLifecycle.tsx
@@ -0,0 +1,14 @@
+import { useContext } from 'react'
+
+import { Root } from '../components/Root.tsx'
+
+/**
+ * `useLifecycle` will return some helpers to exit/restart the generation.
+ */
+export function useLifecycle() {
+  const { exit } = useContext(Root.Context)
+
+  return {
+    exit,
+  }
+}
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 71f9173fa..2c0d25d04 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -7,6 +7,7 @@ export { Const } from './components/Const.tsx'
 export { App } from './components/App.tsx'
 export { useFile } from './hooks/useFile.ts'
 export { useApp } from './hooks/useApp.ts'
+export { useLifecycle } from './hooks/useLifecycle.tsx'
 export { createFunctionParams, FunctionParams } from './utils/getFunctionParams.ts'
 
 export { createContext, useContext } from 'react'
diff --git a/packages/react/src/runner.tsx b/packages/react/src/runner.tsx
deleted file mode 100644
index e756b422b..000000000
--- a/packages/react/src/runner.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import process from 'node:process'
-import { useContext, useEffect, useState } from 'react'
-import { Const } from './components/Const.tsx'
-import { RootContext } from './components/Root.tsx'
-import { createRoot } from './createRoot'
-
-const root = createRoot({ debug: true })
-
-function Component() {
-  const max = 30
-  const [counter, setCounter] = useState(0)
-  const { exit } = useContext(RootContext)
-
-  useEffect(() => {
-    const timer = setInterval(() => {
-      setCounter((previousCounter) => {
-        return previousCounter + 1
-      })
-    }, 10000)
-
-    return () => {
-      clearInterval(timer)
-    }
-  }, [])
-
-  if (max === counter) {
-    // trigger unmount
-    exit()
-  }
-
-  return <Const name={`test ${counter}`}>fdsfs</Const>
-}
-
-root.render(<Component />)
-
-// keep alive
-// process.stdout.resume()
diff --git a/packages/unplugin-kubb/package.json b/packages/unplugin-kubb/package.json
index 74b7dd19b..db3dd91c2 100644
--- a/packages/unplugin-kubb/package.json
+++ b/packages/unplugin-kubb/package.json
@@ -117,11 +117,11 @@
     "rollup": "^4.25.0",
     "tsup": "^8.3.5",
     "typescript": "^5.6.3",
-    "vite": "^5.4.10",
+    "vite": "^5.4.11",
     "webpack": "^5.96.1"
   },
   "peerDependencies": {
-    "@kubb/core": "workspace:*",
+    "@kubb/core": "^3.0.0",
     "@nuxt/kit": "^3",
     "@nuxt/schema": "^3",
     "esbuild": "*",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e9d8fbb43..e6491d1dc 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,10 +57,10 @@ importers:
         version: 5.6.3
       vite-tsconfig-paths:
         specifier: 5.1.0
-        version: 5.1.0(typescript@5.6.3)(vite@5.4.10(@types/node@20.17.6)(terser@5.31.1))
+        version: 5.1.0(typescript@5.6.3)(vite@5.4.11(@types/node@20.17.6)(terser@5.31.1))
       vitest:
         specifier: ^2.1.4
-        version: 2.1.4(@types/node@20.17.6)(@vitest/ui@2.1.4)(msw@2.6.3(@types/node@20.17.6)(typescript@5.6.3))(terser@5.31.1)
+        version: 2.1.4(@types/node@20.17.6)(@vitest/ui@2.1.4)(msw@2.6.4(@types/node@20.17.6)(typescript@5.6.3))(terser@5.31.1)
 
   docs:
     dependencies:
@@ -144,8 +144,8 @@ importers:
         specifier: workspace:^
         version: link:../packages/unplugin-kubb
       vite:
-        specifier: ^5.4.10
-        version: 5.4.10(@types/node@20.17.6)(terser@5.31.1)
+        specifier: ^5.4.11
+        version: 5.4.11(@types/node@20.17.6)(terser@5.31.1)
 
   e2e:
     dependencies:
@@ -201,8 +201,8 @@ importers:
         specifier: ^1.7.7
         version: 1.7.7
       msw:
-        specifier: ^2.6.3
-        version: 2.6.3(@types/node@20.17.6)(typescript@5.6.3)
+        specifier: ^2.6.4
+        version: 2.6.4(@types/node@20.17.6)(typescript@5.6.3)
       react:
         specifier: ^18.3.1
         version: 18.3.1
@@ -295,8 +295,8 @@ importers:
         specifier: ^1.7.7
         version: 1.7.7
       msw:
-        specifier: ^2.6.3
-        version: 2.6.3(@types/node@20.17.6)(typescript@5.6.3)
+        specifier: ^2.6.4
+        version: 2.6.4(@types/node@20.17.6)(typescript@5.6.3)
       react:
         specifier: ^18.3.1
         version: 18.3.1
@@ -508,10 +508,10 @@ importers:
         version: link:../../packages/plugin-ts
       '@mswjs/http-middleware':
         specifier: ^0.9.2
-        version: 0.9.2(msw@2.6.3(@types/node@20.17.6)(typescript@5.2.2))
+        version: 0.9.2(msw@2.6.4(@types/node@20.17.6)(typescript@5.2.2))
       msw:
-        specifier: ^2.6.3
-        version: 2.6.3(@types/node@20.17.6)(typescript@5.2.2)
+        specifier: ^2.6.4
+        version: 2.6.4(@types/node@20.17.6)(typescript@5.2.2)
       react:
         specifier: ^18.3.1
         version: 18.3.1
@@ -529,6 +529,28 @@ importers:
         specifier: ~5.2.2
         version: 5.2.2
 
+  examples/react:
+    dependencies:
+      '@kubb/react':
+        specifier: workspace:*
+        version: link:../../packages/react
+    devDependencies:
+      '@kubb/config-ts':
+        specifier: workspace:*
+        version: link:../../packages/config-ts
+      '@types/react':
+        specifier: ^18.3.12
+        version: 18.3.12
+      react:
+        specifier: ^18.3.1
+        version: 18.3.1
+      tsup:
+        specifier: ^8.3.5
+        version: 8.3.5(@microsoft/api-extractor@7.47.11(@types/node@20.17.6))(@swc/core@1.7.22)(jiti@2.4.0)(postcss@8.4.47)(typescript@5.6.3)(yaml@2.5.1)
+      typescript:
+        specifier: ^5.6.3
+        version: 5.6.3
+
   examples/react-query:
     dependencies:
       '@kubb/cli':
@@ -817,7 +839,7 @@ importers:
     devDependencies:
       '@vitejs/plugin-vue':
         specifier: ^4.6.2
-        version: 4.6.2(vite@5.4.10(@types/node@20.17.6)(terser@5.31.1))(vue@3.5.12(typescript@5.6.3))
+        version: 4.6.2(vite@5.4.11(@types/node@20.17.6)(terser@5.31.1))(vue@3.5.12(typescript@5.6.3))
       msw:
         specifier: ^1.3.5
         version: 1.3.5(typescript@5.6.3)
@@ -828,8 +850,8 @@ importers:
         specifier: ^5.6.3
         version: 5.6.3
       vite:
-        specifier: ^5.4.10
-        version: 5.4.10(@types/node@20.17.6)(terser@5.31.1)
+        specifier: ^5.4.11
+        version: 5.4.11(@types/node@20.17.6)(terser@5.31.1)
 
   examples/zod:
     dependencies:
@@ -1365,8 +1387,8 @@ importers:
         specifier: workspace:*
         version: link:../plugin-oas
       '@kubb/react':
-        specifier: workspace:*
-        version: link:../react
+        specifier: ^3.0.0
+        version: 3.0.4(bufferutil@4.0.8)
       handlebars:
         specifier: ^4.7.8
         version: 4.7.8
@@ -1677,9 +1699,6 @@ importers:
       '@kubb/parser-ts':
         specifier: workspace:*
         version: link:../parser-ts
-      auto-bind:
-        specifier: ^5.0.1
-        version: 5.0.1
       execa:
         specifier: ^9.5.1
         version: 9.5.1
@@ -1785,8 +1804,8 @@ importers:
         specifier: ^5.6.3
         version: 5.6.3
       vite:
-        specifier: ^5.4.10
-        version: 5.4.10(@types/node@20.17.6)(terser@5.31.1)
+        specifier: ^5.4.11
+        version: 5.4.11(@types/node@20.17.6)(terser@5.31.1)
       webpack:
         specifier: ^5.96.1
         version: 5.96.1(@swc/core@1.7.22)(esbuild@0.23.1)
@@ -2874,6 +2893,26 @@ packages:
     peerDependencies:
       jsep: ^0.4.0||^1.0.0
 
+  '@kubb/core@3.0.4':
+    resolution: {integrity: sha512-RoQPncmKA3TtY8DUPa4g+imdXtryo5H2EX5x6lX1G+h4uN5LZwfM2SlFJ1FzpjZnImGfY/ztNvXCyTSiaLBuLA==}
+    engines: {node: '>=20'}
+
+  '@kubb/fs@3.0.4':
+    resolution: {integrity: sha512-zXJ2dLhcHAdOIYF1lO/FcogmHuWkFEK0EAosRkYWMxVwAZSBjsvzSieu/fD2YGCjz7KyHVu+Qxv5y9i/y99izA==}
+    engines: {node: '>=20'}
+
+  '@kubb/parser-ts@3.0.4':
+    resolution: {integrity: sha512-PixNtTEt2V41POW5hj4WrvNr3vljAhLnTN3dLZTnkBv9M9uVXYdcOWUriD2hmdRXLArz4L+9/DHh9Rl/GPDveA==}
+    engines: {node: '>=20'}
+
+  '@kubb/react@3.0.4':
+    resolution: {integrity: sha512-Y8O5WWMNYexoD+ASf7XpJAo0SFucsREth9iONO0Rc74NWsHoK4jM13zgZrPFSHs7W4VTl3h7zNVthJ9+4pDI+g==}
+    engines: {node: '>=20'}
+
+  '@kubb/types@3.0.4':
+    resolution: {integrity: sha512-mabU93bVGGDJRoHOcK0ihRH8rQoS9g+XVcqWOqLEkkI3GEgwNUnfF3x70nSxBBUHp/WWS+U9V4ARdJqk2oVuVA==}
+    engines: {node: '>=20'}
+
   '@manypkg/find-root@1.1.0':
     resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==}
 
@@ -3022,11 +3061,6 @@ packages:
       rollup:
         optional: true
 
-  '@rollup/rollup-android-arm-eabi@4.24.0':
-    resolution: {integrity: sha512-Q6HJd7Y6xdB48x8ZNVDOqsbh2uByBhgK8PiQgPhwkIw/HC/YX5Ghq2mQY5sRMZWHb3VsFkWooUVOZHKr7DmDIA==}
-    cpu: [arm]
-    os: [android]
-
   '@rollup/rollup-android-arm-eabi@4.24.2':
     resolution: {integrity: sha512-ufoveNTKDg9t/b7nqI3lwbCG/9IJMhADBNjjz/Jn6LxIZxD7T5L8l2uO/wD99945F1Oo8FvgbbZJRguyk/BdzA==}
     cpu: [arm]
@@ -3037,11 +3071,6 @@ packages:
     cpu: [arm]
     os: [android]
 
-  '@rollup/rollup-android-arm64@4.24.0':
-    resolution: {integrity: sha512-ijLnS1qFId8xhKjT81uBHuuJp2lU4x2yxa4ctFPtG+MqEE6+C5f/+X/bStmxapgmwLwiL3ih122xv8kVARNAZA==}
-    cpu: [arm64]
-    os: [android]
-
   '@rollup/rollup-android-arm64@4.24.2':
     resolution: {integrity: sha512-iZoYCiJz3Uek4NI0J06/ZxUgwAfNzqltK0MptPDO4OR0a88R4h0DSELMsflS6ibMCJ4PnLvq8f7O1d7WexUvIA==}
     cpu: [arm64]
@@ -3052,11 +3081,6 @@ packages:
     cpu: [arm64]
     os: [android]
 
-  '@rollup/rollup-darwin-arm64@4.24.0':
-    resolution: {integrity: sha512-bIv+X9xeSs1XCk6DVvkO+S/z8/2AMt/2lMqdQbMrmVpgFvXlmde9mLcbQpztXm1tajC3raFDqegsH18HQPMYtA==}
-    cpu: [arm64]
-    os: [darwin]
-
   '@rollup/rollup-darwin-arm64@4.24.2':
     resolution: {integrity: sha512-/UhrIxobHYCBfhi5paTkUDQ0w+jckjRZDZ1kcBL132WeHZQ6+S5v9jQPVGLVrLbNUebdIRpIt00lQ+4Z7ys4Rg==}
     cpu: [arm64]
@@ -3067,11 +3091,6 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
-  '@rollup/rollup-darwin-x64@4.24.0':
-    resolution: {integrity: sha512-X6/nOwoFN7RT2svEQWUsW/5C/fYMBe4fnLK9DQk4SX4mgVBiTA9h64kjUYPvGQ0F/9xwJ5U5UfTbl6BEjaQdBQ==}
-    cpu: [x64]
-    os: [darwin]
-
   '@rollup/rollup-darwin-x64@4.24.2':
     resolution: {integrity: sha512-1F/jrfhxJtWILusgx63WeTvGTwE4vmsT9+e/z7cZLKU8sBMddwqw3UV5ERfOV+H1FuRK3YREZ46J4Gy0aP3qDA==}
     cpu: [x64]
@@ -3102,11 +3121,6 @@ packages:
     cpu: [x64]
     os: [freebsd]
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.24.0':
-    resolution: {integrity: sha512-0KXvIJQMOImLCVCz9uvvdPgfyWo93aHHp8ui3FrtOP57svqrF/roSSR5pjqL2hcMp0ljeGlU4q9o/rQaAQ3AYA==}
-    cpu: [arm]
-    os: [linux]
-
   '@rollup/rollup-linux-arm-gnueabihf@4.24.2':
     resolution: {integrity: sha512-ArdGtPHjLqWkqQuoVQ6a5UC5ebdX8INPuJuJNWRe0RGa/YNhVvxeWmCTFQ7LdmNCSUzVZzxAvUznKaYx645Rig==}
     cpu: [arm]
@@ -3117,11 +3131,6 @@ packages:
     cpu: [arm]
     os: [linux]
 
-  '@rollup/rollup-linux-arm-musleabihf@4.24.0':
-    resolution: {integrity: sha512-it2BW6kKFVh8xk/BnHfakEeoLPv8STIISekpoF+nBgWM4d55CZKc7T4Dx1pEbTnYm/xEKMgy1MNtYuoA8RFIWw==}
-    cpu: [arm]
-    os: [linux]
-
   '@rollup/rollup-linux-arm-musleabihf@4.24.2':
     resolution: {integrity: sha512-B6UHHeNnnih8xH6wRKB0mOcJGvjZTww1FV59HqJoTJ5da9LCG6R4SEBt6uPqzlawv1LoEXSS0d4fBlHNWl6iYw==}
     cpu: [arm]
@@ -3132,11 +3141,6 @@ packages:
     cpu: [arm]
     os: [linux]
 
-  '@rollup/rollup-linux-arm64-gnu@4.24.0':
-    resolution: {integrity: sha512-i0xTLXjqap2eRfulFVlSnM5dEbTVque/3Pi4g2y7cxrs7+a9De42z4XxKLYJ7+OhE3IgxvfQM7vQc43bwTgPwA==}
-    cpu: [arm64]
-    os: [linux]
-
   '@rollup/rollup-linux-arm64-gnu@4.24.2':
     resolution: {integrity: sha512-kr3gqzczJjSAncwOS6i7fpb4dlqcvLidqrX5hpGBIM1wtt0QEVtf4wFaAwVv8QygFU8iWUMYEoJZWuWxyua4GQ==}
     cpu: [arm64]
@@ -3147,11 +3151,6 @@ packages:
     cpu: [arm64]
     os: [linux]
 
-  '@rollup/rollup-linux-arm64-musl@4.24.0':
-    resolution: {integrity: sha512-9E6MKUJhDuDh604Qco5yP/3qn3y7SLXYuiC0Rpr89aMScS2UAmK1wHP2b7KAa1nSjWJc/f/Lc0Wl1L47qjiyQw==}
-    cpu: [arm64]
-    os: [linux]
-
   '@rollup/rollup-linux-arm64-musl@4.24.2':
     resolution: {integrity: sha512-TDdHLKCWgPuq9vQcmyLrhg/bgbOvIQ8rtWQK7MRxJ9nvaxKx38NvY7/Lo6cYuEnNHqf6rMqnivOIPIQt6H2AoA==}
     cpu: [arm64]
@@ -3162,11 +3161,6 @@ packages:
     cpu: [arm64]
     os: [linux]
 
-  '@rollup/rollup-linux-powerpc64le-gnu@4.24.0':
-    resolution: {integrity: sha512-2XFFPJ2XMEiF5Zi2EBf4h73oR1V/lycirxZxHZNc93SqDN/IWhYYSYj8I9381ikUFXZrz2v7r2tOVk2NBwxrWw==}
-    cpu: [ppc64]
-    os: [linux]
-
   '@rollup/rollup-linux-powerpc64le-gnu@4.24.2':
     resolution: {integrity: sha512-xv9vS648T3X4AxFFZGWeB5Dou8ilsv4VVqJ0+loOIgDO20zIhYfDLkk5xoQiej2RiSQkld9ijF/fhLeonrz2mw==}
     cpu: [ppc64]
@@ -3177,11 +3171,6 @@ packages:
     cpu: [ppc64]
     os: [linux]
 
-  '@rollup/rollup-linux-riscv64-gnu@4.24.0':
-    resolution: {integrity: sha512-M3Dg4hlwuntUCdzU7KjYqbbd+BLq3JMAOhCKdBE3TcMGMZbKkDdJ5ivNdehOssMCIokNHFOsv7DO4rlEOfyKpg==}
-    cpu: [riscv64]
-    os: [linux]
-
   '@rollup/rollup-linux-riscv64-gnu@4.24.2':
     resolution: {integrity: sha512-tbtXwnofRoTt223WUZYiUnbxhGAOVul/3StZ947U4A5NNjnQJV5irKMm76G0LGItWs6y+SCjUn/Q0WaMLkEskg==}
     cpu: [riscv64]
@@ -3192,11 +3181,6 @@ packages:
     cpu: [riscv64]
     os: [linux]
 
-  '@rollup/rollup-linux-s390x-gnu@4.24.0':
-    resolution: {integrity: sha512-mjBaoo4ocxJppTorZVKWFpy1bfFj9FeCMJqzlMQGjpNPY9JwQi7OuS1axzNIk0nMX6jSgy6ZURDZ2w0QW6D56g==}
-    cpu: [s390x]
-    os: [linux]
-
   '@rollup/rollup-linux-s390x-gnu@4.24.2':
     resolution: {integrity: sha512-gc97UebApwdsSNT3q79glOSPdfwgwj5ELuiyuiMY3pEWMxeVqLGKfpDFoum4ujivzxn6veUPzkGuSYoh5deQ2Q==}
     cpu: [s390x]
@@ -3207,11 +3191,6 @@ packages:
     cpu: [s390x]
     os: [linux]
 
-  '@rollup/rollup-linux-x64-gnu@4.24.0':
-    resolution: {integrity: sha512-ZXFk7M72R0YYFN5q13niV0B7G8/5dcQ9JDp8keJSfr3GoZeXEoMHP/HlvqROA3OMbMdfr19IjCeNAnPUG93b6A==}
-    cpu: [x64]
-    os: [linux]
-
   '@rollup/rollup-linux-x64-gnu@4.24.2':
     resolution: {integrity: sha512-jOG/0nXb3z+EM6SioY8RofqqmZ+9NKYvJ6QQaa9Mvd3RQxlH68/jcB/lpyVt4lCiqr04IyaC34NzhUqcXbB5FQ==}
     cpu: [x64]
@@ -3222,11 +3201,6 @@ packages:
     cpu: [x64]
     os: [linux]
 
-  '@rollup/rollup-linux-x64-musl@4.24.0':
-    resolution: {integrity: sha512-w1i+L7kAXZNdYl+vFvzSZy8Y1arS7vMgIy8wusXJzRrPyof5LAb02KGr1PD2EkRcl73kHulIID0M501lN+vobQ==}
-    cpu: [x64]
-    os: [linux]
-
   '@rollup/rollup-linux-x64-musl@4.24.2':
     resolution: {integrity: sha512-XAo7cJec80NWx9LlZFEJQxqKOMz/lX3geWs2iNT5CHIERLFfd90f3RYLLjiCBm1IMaQ4VOX/lTC9lWfzzQm14Q==}
     cpu: [x64]
@@ -3237,11 +3211,6 @@ packages:
     cpu: [x64]
     os: [linux]
 
-  '@rollup/rollup-win32-arm64-msvc@4.24.0':
-    resolution: {integrity: sha512-VXBrnPWgBpVDCVY6XF3LEW0pOU51KbaHhccHw6AS6vBWIC60eqsH19DAeeObl+g8nKAz04QFdl/Cefta0xQtUQ==}
-    cpu: [arm64]
-    os: [win32]
-
   '@rollup/rollup-win32-arm64-msvc@4.24.2':
     resolution: {integrity: sha512-A+JAs4+EhsTjnPQvo9XY/DC0ztaws3vfqzrMNMKlwQXuniBKOIIvAAI8M0fBYiTCxQnElYu7mLk7JrhlQ+HeOw==}
     cpu: [arm64]
@@ -3252,11 +3221,6 @@ packages:
     cpu: [arm64]
     os: [win32]
 
-  '@rollup/rollup-win32-ia32-msvc@4.24.0':
-    resolution: {integrity: sha512-xrNcGDU0OxVcPTH/8n/ShH4UevZxKIO6HJFK0e15XItZP2UcaiLFd5kiX7hJnqCbSztUF8Qot+JWBC/QXRPYWQ==}
-    cpu: [ia32]
-    os: [win32]
-
   '@rollup/rollup-win32-ia32-msvc@4.24.2':
     resolution: {integrity: sha512-ZhcrakbqA1SCiJRMKSU64AZcYzlZ/9M5LaYil9QWxx9vLnkQ9Vnkve17Qn4SjlipqIIBFKjBES6Zxhnvh0EAEw==}
     cpu: [ia32]
@@ -3267,11 +3231,6 @@ packages:
     cpu: [ia32]
     os: [win32]
 
-  '@rollup/rollup-win32-x64-msvc@4.24.0':
-    resolution: {integrity: sha512-fbMkAF7fufku0N2dE5TBXcNlg0pt0cJue4xBRE2Qc5Vqikxr4VCgKj/ht6SMdFcOacVA9rqF70APJ8RN/4vMJw==}
-    cpu: [x64]
-    os: [win32]
-
   '@rollup/rollup-win32-x64-msvc@4.24.2':
     resolution: {integrity: sha512-2mLH46K1u3r6uwc95hU+OR9q/ggYMpnS7pSp83Ece1HUQgF9Nh/QwTK5rcgbFnV9j+08yBrU5sA/P0RK2MSBNA==}
     cpu: [x64]
@@ -6141,8 +6100,8 @@ packages:
       typescript:
         optional: true
 
-  msw@2.6.3:
-    resolution: {integrity: sha512-+8fGdyFl3tjEZSKavuKp9BaVCLFmN/4D0m4qAPOd25/J6MjeaW2qBkZvWliLTp/i6cYthEmMtJjki/wLBrYCTA==}
+  msw@2.6.4:
+    resolution: {integrity: sha512-Pm4LmWQeytDsNCR+A7gt39XAdtH6zQb6jnIKRig0FlvYOn8eksn3s1nXxUfz5KYUjbckof7Z4p2ewzgffPoCbg==}
     engines: {node: '>=18'}
     hasBin: true
     peerDependencies:
@@ -6820,11 +6779,6 @@ packages:
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
     hasBin: true
 
-  rollup@4.24.0:
-    resolution: {integrity: sha512-DOmrlGSXNk1DM0ljiQA+i+o0rSLhtii1je5wgk60j49d1jHT5YYttBv1iWOnYSTG+fZZESUOSNiAl89SIet+Cg==}
-    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
-    hasBin: true
-
   rollup@4.24.2:
     resolution: {integrity: sha512-do/DFGq5g6rdDhdpPq5qb2ecoczeK6y+2UAjdJ5trjQJj5f1AiVdLRWRc9A9/fFukfvJRgM0UXzxBIYMovm5ww==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
@@ -7677,8 +7631,8 @@ packages:
       terser:
         optional: true
 
-  vite@5.4.10:
-    resolution: {integrity: sha512-1hvaPshuPUtxeQ0hsVH3Mud0ZanOLwVTneA1EgbAM5LhaZEqyPWGRQ7BtaMvUrTDeEaC8pxtj6a6jku3x4z6SQ==}
+  vite@5.4.11:
+    resolution: {integrity: sha512-c7jFQRklXua0mTzneGW9QVyxFjUgwcihC4bXEtujIo2ouWCe1Ajt/amn2PCxYnhYfd5k09JX3SB7OYWFKYqj8Q==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
@@ -8984,6 +8938,49 @@ snapshots:
     dependencies:
       jsep: 1.3.9
 
+  '@kubb/core@3.0.4':
+    dependencies:
+      '@kubb/fs': 3.0.4
+      '@kubb/parser-ts': 3.0.4
+      '@kubb/types': 3.0.4
+      change-case: 5.4.4
+      find-up: 7.0.0
+      natural-orderby: 4.0.0
+      object-hash: 3.0.0
+      p-queue: 8.0.1
+      remeda: 2.17.0
+      seedrandom: 3.0.5
+      semver: 7.6.3
+
+  '@kubb/fs@3.0.4':
+    dependencies:
+      fs-extra: 11.2.0
+      js-runtime: 0.0.8
+
+  '@kubb/parser-ts@3.0.4':
+    dependencies:
+      remeda: 2.17.0
+      typescript: 5.6.3
+
+  '@kubb/react@3.0.4(bufferutil@4.0.8)':
+    dependencies:
+      '@kubb/core': 3.0.4
+      '@kubb/fs': 3.0.4
+      '@kubb/parser-ts': 3.0.4
+      auto-bind: 5.0.1
+      execa: 9.5.1
+      natural-orderby: 4.0.0
+      react: 18.3.1
+      react-devtools-core: 5.3.2(bufferutil@4.0.8)
+      react-reconciler: 0.29.2(react@18.3.1)
+      signal-exit: 4.1.0
+      ws: 8.15.0(bufferutil@4.0.8)
+    transitivePeerDependencies:
+      - bufferutil
+      - utf-8-validate
+
+  '@kubb/types@3.0.4': {}
+
   '@manypkg/find-root@1.1.0':
     dependencies:
       '@babel/runtime': 7.24.7
@@ -9053,10 +9050,10 @@ snapshots:
       '@types/set-cookie-parser': 2.4.9
       set-cookie-parser: 2.6.0
 
-  '@mswjs/http-middleware@0.9.2(msw@2.6.3(@types/node@20.17.6)(typescript@5.2.2))':
+  '@mswjs/http-middleware@0.9.2(msw@2.6.4(@types/node@20.17.6)(typescript@5.2.2))':
     dependencies:
       express: 4.19.2
-      msw: 2.6.3(@types/node@20.17.6)(typescript@5.2.2)
+      msw: 2.6.4(@types/node@20.17.6)(typescript@5.2.2)
       strict-event-emitter: 0.5.1
     transitivePeerDependencies:
       - supports-color
@@ -9262,36 +9259,24 @@ snapshots:
     optionalDependencies:
       rollup: 4.25.0
 
-  '@rollup/rollup-android-arm-eabi@4.24.0':
-    optional: true
-
   '@rollup/rollup-android-arm-eabi@4.24.2':
     optional: true
 
   '@rollup/rollup-android-arm-eabi@4.25.0':
     optional: true
 
-  '@rollup/rollup-android-arm64@4.24.0':
-    optional: true
-
   '@rollup/rollup-android-arm64@4.24.2':
     optional: true
 
   '@rollup/rollup-android-arm64@4.25.0':
     optional: true
 
-  '@rollup/rollup-darwin-arm64@4.24.0':
-    optional: true
-
   '@rollup/rollup-darwin-arm64@4.24.2':
     optional: true
 
   '@rollup/rollup-darwin-arm64@4.25.0':
     optional: true
 
-  '@rollup/rollup-darwin-x64@4.24.0':
-    optional: true
-
   '@rollup/rollup-darwin-x64@4.24.2':
     optional: true
 
@@ -9310,108 +9295,72 @@ snapshots:
   '@rollup/rollup-freebsd-x64@4.25.0':
     optional: true
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.24.0':
-    optional: true
-
   '@rollup/rollup-linux-arm-gnueabihf@4.24.2':
     optional: true
 
   '@rollup/rollup-linux-arm-gnueabihf@4.25.0':
     optional: true
 
-  '@rollup/rollup-linux-arm-musleabihf@4.24.0':
-    optional: true
-
   '@rollup/rollup-linux-arm-musleabihf@4.24.2':
     optional: true
 
   '@rollup/rollup-linux-arm-musleabihf@4.25.0':
     optional: true
 
-  '@rollup/rollup-linux-arm64-gnu@4.24.0':
-    optional: true
-
   '@rollup/rollup-linux-arm64-gnu@4.24.2':
     optional: true
 
   '@rollup/rollup-linux-arm64-gnu@4.25.0':
     optional: true
 
-  '@rollup/rollup-linux-arm64-musl@4.24.0':
-    optional: true
-
   '@rollup/rollup-linux-arm64-musl@4.24.2':
     optional: true
 
   '@rollup/rollup-linux-arm64-musl@4.25.0':
     optional: true
 
-  '@rollup/rollup-linux-powerpc64le-gnu@4.24.0':
-    optional: true
-
   '@rollup/rollup-linux-powerpc64le-gnu@4.24.2':
     optional: true
 
   '@rollup/rollup-linux-powerpc64le-gnu@4.25.0':
     optional: true
 
-  '@rollup/rollup-linux-riscv64-gnu@4.24.0':
-    optional: true
-
   '@rollup/rollup-linux-riscv64-gnu@4.24.2':
     optional: true
 
   '@rollup/rollup-linux-riscv64-gnu@4.25.0':
     optional: true
 
-  '@rollup/rollup-linux-s390x-gnu@4.24.0':
-    optional: true
-
   '@rollup/rollup-linux-s390x-gnu@4.24.2':
     optional: true
 
   '@rollup/rollup-linux-s390x-gnu@4.25.0':
     optional: true
 
-  '@rollup/rollup-linux-x64-gnu@4.24.0':
-    optional: true
-
   '@rollup/rollup-linux-x64-gnu@4.24.2':
     optional: true
 
   '@rollup/rollup-linux-x64-gnu@4.25.0':
     optional: true
 
-  '@rollup/rollup-linux-x64-musl@4.24.0':
-    optional: true
-
   '@rollup/rollup-linux-x64-musl@4.24.2':
     optional: true
 
   '@rollup/rollup-linux-x64-musl@4.25.0':
     optional: true
 
-  '@rollup/rollup-win32-arm64-msvc@4.24.0':
-    optional: true
-
   '@rollup/rollup-win32-arm64-msvc@4.24.2':
     optional: true
 
   '@rollup/rollup-win32-arm64-msvc@4.25.0':
     optional: true
 
-  '@rollup/rollup-win32-ia32-msvc@4.24.0':
-    optional: true
-
   '@rollup/rollup-win32-ia32-msvc@4.24.2':
     optional: true
 
   '@rollup/rollup-win32-ia32-msvc@4.25.0':
     optional: true
 
-  '@rollup/rollup-win32-x64-msvc@4.24.0':
-    optional: true
-
   '@rollup/rollup-win32-x64-msvc@4.24.2':
     optional: true
 
@@ -9965,14 +9914,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue@4.6.2(vite@5.4.10(@types/node@20.17.6)(terser@5.31.1))(vue@3.5.12(typescript@5.6.3))':
+  '@vitejs/plugin-vue@4.6.2(vite@5.4.11(@types/node@20.17.6)(terser@5.31.1))(vue@3.5.12(typescript@5.6.3))':
     dependencies:
-      vite: 5.4.10(@types/node@20.17.6)(terser@5.31.1)
+      vite: 5.4.11(@types/node@20.17.6)(terser@5.31.1)
       vue: 3.5.12(typescript@5.6.3)
 
-  '@vitejs/plugin-vue@5.1.4(vite@5.4.10(@types/node@20.17.6)(terser@5.31.1))(vue@3.5.12(typescript@5.6.3))':
+  '@vitejs/plugin-vue@5.1.4(vite@5.4.11(@types/node@20.17.6)(terser@5.31.1))(vue@3.5.12(typescript@5.6.3))':
     dependencies:
-      vite: 5.4.10(@types/node@20.17.6)(terser@5.31.1)
+      vite: 5.4.11(@types/node@20.17.6)(terser@5.31.1)
       vue: 3.5.12(typescript@5.6.3)
 
   '@vitest/coverage-v8@2.1.4(vitest@2.1.4)':
@@ -9989,7 +9938,7 @@ snapshots:
       std-env: 3.7.0
       test-exclude: 7.0.1
       tinyrainbow: 1.2.0
-      vitest: 2.1.4(@types/node@20.17.6)(@vitest/ui@2.1.4)(msw@2.6.3(@types/node@20.17.6)(typescript@5.6.3))(terser@5.31.1)
+      vitest: 2.1.4(@types/node@20.17.6)(@vitest/ui@2.1.4)(msw@2.6.4(@types/node@20.17.6)(typescript@5.6.3))(terser@5.31.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -10000,14 +9949,14 @@ snapshots:
       chai: 5.1.2
       tinyrainbow: 1.2.0
 
-  '@vitest/mocker@2.1.4(msw@2.6.3(@types/node@20.17.6)(typescript@5.6.3))(vite@5.4.10(@types/node@20.17.6)(terser@5.31.1))':
+  '@vitest/mocker@2.1.4(msw@2.6.4(@types/node@20.17.6)(typescript@5.6.3))(vite@5.4.11(@types/node@20.17.6)(terser@5.31.1))':
     dependencies:
       '@vitest/spy': 2.1.4
       estree-walker: 3.0.3
       magic-string: 0.30.12
     optionalDependencies:
-      msw: 2.6.3(@types/node@20.17.6)(typescript@5.6.3)
-      vite: 5.4.10(@types/node@20.17.6)(terser@5.31.1)
+      msw: 2.6.4(@types/node@20.17.6)(typescript@5.6.3)
+      vite: 5.4.11(@types/node@20.17.6)(terser@5.31.1)
 
   '@vitest/pretty-format@2.1.4':
     dependencies:
@@ -10037,7 +9986,7 @@ snapshots:
       sirv: 3.0.0
       tinyglobby: 0.2.10
       tinyrainbow: 1.2.0
-      vitest: 2.1.4(@types/node@20.17.6)(@vitest/ui@2.1.4)(msw@2.6.3(@types/node@20.17.6)(typescript@5.6.3))(terser@5.31.1)
+      vitest: 2.1.4(@types/node@20.17.6)(@vitest/ui@2.1.4)(msw@2.6.4(@types/node@20.17.6)(typescript@5.6.3))(terser@5.31.1)
 
   '@vitest/utils@2.1.4':
     dependencies:
@@ -12809,7 +12758,7 @@ snapshots:
       - encoding
       - supports-color
 
-  msw@2.6.3(@types/node@20.17.6)(typescript@5.2.2):
+  msw@2.6.4(@types/node@20.17.6)(typescript@5.2.2):
     dependencies:
       '@bundled-es-modules/cookie': 2.0.1
       '@bundled-es-modules/statuses': 1.0.1
@@ -12834,7 +12783,7 @@ snapshots:
     transitivePeerDependencies:
       - '@types/node'
 
-  msw@2.6.3(@types/node@20.17.6)(typescript@5.6.3):
+  msw@2.6.4(@types/node@20.17.6)(typescript@5.6.3):
     dependencies:
       '@bundled-es-modules/cookie': 2.0.1
       '@bundled-es-modules/statuses': 1.0.1
@@ -13259,7 +13208,7 @@ snapshots:
   postcss@8.4.47:
     dependencies:
       nanoid: 3.3.7
-      picocolors: 1.1.0
+      picocolors: 1.1.1
       source-map-js: 1.2.1
 
   preact@10.23.2: {}
@@ -13557,28 +13506,6 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
-  rollup@4.24.0:
-    dependencies:
-      '@types/estree': 1.0.6
-    optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.24.0
-      '@rollup/rollup-android-arm64': 4.24.0
-      '@rollup/rollup-darwin-arm64': 4.24.0
-      '@rollup/rollup-darwin-x64': 4.24.0
-      '@rollup/rollup-linux-arm-gnueabihf': 4.24.0
-      '@rollup/rollup-linux-arm-musleabihf': 4.24.0
-      '@rollup/rollup-linux-arm64-gnu': 4.24.0
-      '@rollup/rollup-linux-arm64-musl': 4.24.0
-      '@rollup/rollup-linux-powerpc64le-gnu': 4.24.0
-      '@rollup/rollup-linux-riscv64-gnu': 4.24.0
-      '@rollup/rollup-linux-s390x-gnu': 4.24.0
-      '@rollup/rollup-linux-x64-gnu': 4.24.0
-      '@rollup/rollup-linux-x64-musl': 4.24.0
-      '@rollup/rollup-win32-arm64-msvc': 4.24.0
-      '@rollup/rollup-win32-ia32-msvc': 4.24.0
-      '@rollup/rollup-win32-x64-msvc': 4.24.0
-      fsevents: 2.3.3
-
   rollup@4.24.2:
     dependencies:
       '@types/estree': 1.0.6
@@ -14535,7 +14462,7 @@ snapshots:
       cac: 6.7.14
       debug: 4.3.7
       pathe: 1.1.2
-      vite: 5.4.10(@types/node@20.17.6)(terser@5.31.1)
+      vite: 5.4.11(@types/node@20.17.6)(terser@5.31.1)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -14547,13 +14474,13 @@ snapshots:
       - supports-color
       - terser
 
-  vite-tsconfig-paths@5.1.0(typescript@5.6.3)(vite@5.4.10(@types/node@20.17.6)(terser@5.31.1)):
+  vite-tsconfig-paths@5.1.0(typescript@5.6.3)(vite@5.4.11(@types/node@20.17.6)(terser@5.31.1)):
     dependencies:
       debug: 4.3.7
       globrex: 0.1.2
       tsconfck: 3.1.0(typescript@5.6.3)
     optionalDependencies:
-      vite: 5.4.10(@types/node@20.17.6)(terser@5.31.1)
+      vite: 5.4.11(@types/node@20.17.6)(terser@5.31.1)
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -14568,11 +14495,11 @@ snapshots:
       fsevents: 2.3.3
       terser: 5.31.1
 
-  vite@5.4.10(@types/node@20.17.6)(terser@5.31.1):
+  vite@5.4.11(@types/node@20.17.6)(terser@5.31.1):
     dependencies:
       esbuild: 0.21.5
       postcss: 8.4.47
-      rollup: 4.24.0
+      rollup: 4.25.0
     optionalDependencies:
       '@types/node': 20.17.6
       fsevents: 2.3.3
@@ -14595,7 +14522,7 @@ snapshots:
       '@shikijs/transformers': 1.22.2
       '@shikijs/types': 1.22.2
       '@types/markdown-it': 14.1.2
-      '@vitejs/plugin-vue': 5.1.4(vite@5.4.10(@types/node@20.17.6)(terser@5.31.1))(vue@3.5.12(typescript@5.6.3))
+      '@vitejs/plugin-vue': 5.1.4(vite@5.4.11(@types/node@20.17.6)(terser@5.31.1))(vue@3.5.12(typescript@5.6.3))
       '@vue/devtools-api': 7.5.6
       '@vue/shared': 3.5.12
       '@vueuse/core': 11.1.0(vue@3.5.12(typescript@5.6.3))
@@ -14604,7 +14531,7 @@ snapshots:
       mark.js: 8.11.1
       minisearch: 7.1.0
       shiki: 1.22.2
-      vite: 5.4.10(@types/node@20.17.6)(terser@5.31.1)
+      vite: 5.4.11(@types/node@20.17.6)(terser@5.31.1)
       vue: 3.5.12(typescript@5.6.3)
     optionalDependencies:
       postcss: 8.4.47
@@ -14636,10 +14563,10 @@ snapshots:
       - typescript
       - universal-cookie
 
-  vitest@2.1.4(@types/node@20.17.6)(@vitest/ui@2.1.4)(msw@2.6.3(@types/node@20.17.6)(typescript@5.6.3))(terser@5.31.1):
+  vitest@2.1.4(@types/node@20.17.6)(@vitest/ui@2.1.4)(msw@2.6.4(@types/node@20.17.6)(typescript@5.6.3))(terser@5.31.1):
     dependencies:
       '@vitest/expect': 2.1.4
-      '@vitest/mocker': 2.1.4(msw@2.6.3(@types/node@20.17.6)(typescript@5.6.3))(vite@5.4.10(@types/node@20.17.6)(terser@5.31.1))
+      '@vitest/mocker': 2.1.4(msw@2.6.4(@types/node@20.17.6)(typescript@5.6.3))(vite@5.4.11(@types/node@20.17.6)(terser@5.31.1))
       '@vitest/pretty-format': 2.1.4
       '@vitest/runner': 2.1.4
       '@vitest/snapshot': 2.1.4
@@ -14655,7 +14582,7 @@ snapshots:
       tinyexec: 0.3.1
       tinypool: 1.0.1
       tinyrainbow: 1.2.0
-      vite: 5.4.10(@types/node@20.17.6)(terser@5.31.1)
+      vite: 5.4.11(@types/node@20.17.6)(terser@5.31.1)
       vite-node: 2.1.4(@types/node@20.17.6)(terser@5.31.1)
       why-is-node-running: 2.3.0
     optionalDependencies: