upgrade deps and fix types

mayank1513 · mayank1513 · commit 0d15a398d42c · 2024-12-08T09:08:45.000+05:30
diff --git a/.github/workflows/docs.yml b/.github/workflows/docs.yml
@@ -22,6 +22,8 @@ jobs:
           node-version: 20
       - run: npm i -g pnpm && pnpm i
         name: Install dependencies
+      - run: git stash --include-untracked
+        name: clean up working directory
       - run: npx @turbo/codemod update . && pnpm update --latest -r
         name: Update dependencies
       - run: pnpm build
diff --git a/examples/nextjs/package.json b/examples/nextjs/package.json
@@ -15,19 +15,19 @@
     "@repo/logger": "workspace:*",
     "@repo/shared": "workspace:*",
     "esbuild-plugin-react18": "workspace:*",
-    "next": "^15.0.3",
+    "next": "^15.0.4",
     "nextjs-themes": "^4.0.3",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react18-loaders": "^1.1.3"
   },
   "devDependencies": {
-    "@next/eslint-plugin-next": "^15.0.3",
+    "@next/eslint-plugin-next": "^15.0.4",
     "@repo/eslint-config": "workspace:*",
     "@repo/typescript-config": "workspace:*",
     "@types/node": "^22.10.1",
-    "@types/react": "^18.3.13",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
     "typescript": "^5.7.2"
   }
 }
diff --git a/examples/nextjs/src/app/layout.tsx b/examples/nextjs/src/app/layout.tsx
@@ -5,11 +5,12 @@ import { ThemeSwitcher } from "nextjs-themes";
 import { Layout } from "@repo/shared/dist/server";
 import { GlobalLoader, Header } from "@repo/shared";
 import { Inter } from "next/font/google";
+import { ReactNode } from "react";
 
 const inter = Inter({ subsets: ["latin"] });
 
 /** Root layout. */
-export default function RootLayout({ children }: { children: React.ReactNode }): JSX.Element {
+export default function RootLayout({ children }: { children: React.ReactNode }): ReactNode {
   return (
     <html lang="en">
       <body className={inter.className}>
diff --git a/examples/nextjs/src/app/page.tsx b/examples/nextjs/src/app/page.tsx
@@ -1,13 +1,14 @@
 import MyButton from "./button";
 import { LandingPage } from "@repo/shared/dist/server";
 import { Demo } from "@repo/shared";
+import { ReactNode } from "react";
 
 export const metadata = {
   title: "React 18 Loaders",
 };
 
 /** next.js landing page */
-export default function Page(): JSX.Element {
+export default function Page(): ReactNode {
   return (
     <LandingPage title="Next.js Example">
       <Demo />
diff --git a/examples/remix/app/root.tsx b/examples/remix/app/root.tsx
@@ -3,6 +3,7 @@ import { Links, LiveReload, Meta, Outlet, Scripts, ScrollRestoration } from "@re
 import { Analytics } from "@vercel/analytics/react";
 import styles from "./styles.css";
 import { Layout } from "@repo/shared/dist/server";
+import { ReactNode } from "react";
 
 /** Page metadata */
 export const meta: MetaFunction = () => [
@@ -17,7 +18,7 @@ export const meta: MetaFunction = () => [
 export const links: LinksFunction = () => [{ rel: "stylesheet", href: styles }];
 
 /** Remix app root */
-export default function App(): JSX.Element {
+export default function App(): ReactNode {
   return (
     <html lang="en">
       <head>
diff --git a/examples/remix/app/routes/_index.tsx b/examples/remix/app/routes/_index.tsx
@@ -1,5 +1,7 @@
+import { ReactNode } from "react";
+
 /** Remix App */
-export default function Index(): JSX.Element {
+export default function Index(): ReactNode {
   return (
     <div className="container">
       <h1 className="title">
diff --git a/examples/remix/package.json b/examples/remix/package.json
@@ -18,17 +18,17 @@
     "@vercel/analytics": "^1.4.1",
     "@vercel/remix-entry-server": "^0.1.1",
     "esbuild-plugin-react18": "workspace:*",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react18-loaders": "^1.1.3",
     "react18-themes": "^3.2.0"
   },
   "devDependencies": {
     "@remix-run/dev": "^2.15.0",
     "@repo/eslint-config": "workspace:*",
     "@repo/typescript-config": "workspace:*",
-    "@types/react": "^18.3.13",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
     "typescript": "^5.7.2"
   },
   "engines": {
diff --git a/examples/vite/package.json b/examples/vite/package.json
@@ -13,16 +13,16 @@
   "dependencies": {
     "@repo/shared": "workspace:*",
     "esbuild-plugin-react18": "workspace:*",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react18-loaders": "^1.1.3",
     "react18-themes": "^3.2.0"
   },
   "devDependencies": {
     "@repo/eslint-config": "workspace:*",
     "@repo/typescript-config": "workspace:*",
-    "@types/react": "^18.3.13",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
     "@vitejs/plugin-react": "^4.3.4",
     "typescript": "^5.7.2",
     "vite": "^6.0.3"
diff --git a/examples/vite/src/app/index.tsx b/examples/vite/src/app/index.tsx
@@ -1,10 +1,10 @@
-import React, { useCallback } from "react";
+import React, { ReactNode, useCallback } from "react";
 import "./styles.css";
 import { Bars1, Bars2, Dots1, Dots2 } from "react18-loaders/dist/server";
 import { LoaderContainer, useLoader } from "react18-loaders";
 
 /** Vite App */
-function App(): JSX.Element {
+function App(): ReactNode {
   const { setLoading } = useLoader();
   const handleClick = useCallback(() => setLoading(true), []);
   return (
diff --git a/lib/package.json b/lib/package.json
@@ -33,7 +33,7 @@
     "tiny-glob": "^0.2.9",
     "tsup": "^8.3.5",
     "typescript": "^5.7.2",
-    "vite-tsconfig-paths": "^5.1.3",
+    "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^2.1.8"
   },
   "peerDependencies": {
diff --git a/package.json b/package.json
@@ -25,7 +25,7 @@
     "typedoc-plugin-rename-defaults": "^0.7.2",
     "typedoc-plugin-zod": "^1.3.0"
   },
-  "packageManager": "pnpm@9.5.0",
+  "packageManager": "pnpm@9.15.0",
   "engines": {
     "node": ">=18"
   },
diff --git a/packages/shared/package.json b/packages/shared/package.json
@@ -21,20 +21,20 @@
     "@repo/eslint-config": "workspace:*",
     "@repo/jest-presets": "workspace:*",
     "@repo/typescript-config": "workspace:*",
-    "@testing-library/react": "^16.0.1",
+    "@testing-library/react": "^16.1.0",
     "@types/node": "^22.10.1",
-    "@types/react": "^18.3.13",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
     "@vitejs/plugin-react": "^4.3.4",
     "@vitest/coverage-v8": "^2.1.8",
     "esbuild-plugin-react18": "workspace:*",
     "esbuild-plugin-react18-css": "^0.0.4",
     "jsdom": "^25.0.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "tsup": "^8.3.5",
     "typescript": "^5.7.2",
-    "vite-tsconfig-paths": "^5.1.3",
+    "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^2.1.8"
   },
   "peerDependencies": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
