test: add v8 React smoke apps

gpbl · gpbl · commit 820c910c86a8 · 2026-05-02T16:15:31.000+02:00
diff --git a/smoke/.gitignore b/smoke/.gitignore
@@ -0,0 +1,4 @@
+node_modules
+dist
+package-lock.json
+react-day-picker-*.tgz
diff --git a/smoke/README.md b/smoke/README.md
@@ -0,0 +1,33 @@
+# v8 Release Smoke Apps
+
+These minimal Vite apps test the packed `react-day-picker@8.10.2` tarball with
+React 18 and React 19.
+
+From the repository root:
+
+```sh
+corepack pnpm@8.6.2 build
+npm pack --pack-destination smoke
+```
+
+Then run the React 18 smoke:
+
+```sh
+cd smoke/react18-vite
+npm install
+npm run build
+npm run dev
+```
+
+Open http://127.0.0.1:5188/.
+
+Then run the React 19 smoke:
+
+```sh
+cd smoke/react19-vite
+npm install
+npm run build
+npm run dev
+```
+
+Open http://127.0.0.1:5189/.
diff --git a/smoke/react18-vite/index.html b/smoke/react18-vite/index.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>DayPicker v8 React 18 Smoke</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/smoke/react18-vite/package.json b/smoke/react18-vite/package.json
@@ -0,0 +1,20 @@
+{
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite --host 127.0.0.1 --port 5188",
+    "typecheck": "tsc --noEmit",
+    "build": "tsc --noEmit && vite build"
+  },
+  "dependencies": {
+    "@types/react": "18.3.28",
+    "@types/react-dom": "18.3.7",
+    "date-fns": "2.30.0",
+    "react": "18.2.0",
+    "react-day-picker": "file:../react-day-picker-8.10.2.tgz",
+    "react-dom": "18.2.0",
+    "typescript": "5.9.3",
+    "vite": "7.3.2"
+  },
+  "devDependencies": {}
+}
diff --git a/smoke/react18-vite/src/App.tsx b/smoke/react18-vite/src/App.tsx
@@ -0,0 +1,19 @@
+import { createRef, useState } from 'react';
+import { DayPicker, type ButtonProps, type DateRange } from 'react-day-picker';
+import 'react-day-picker/dist/style.css';
+
+const buttonRef = createRef<HTMLButtonElement>();
+const buttonProps: ButtonProps = { ref: buttonRef, type: 'button' };
+void buttonProps;
+
+export default function App() {
+  const [single, setSingle] = useState<Date>();
+  const [range, setRange] = useState<DateRange>();
+
+  return (
+    <main>
+      <DayPicker mode="single" selected={single} onSelect={setSingle} />
+      <DayPicker mode="range" selected={range} onSelect={setRange} />
+    </main>
+  );
+}
diff --git a/smoke/react18-vite/src/main.tsx b/smoke/react18-vite/src/main.tsx
@@ -0,0 +1,10 @@
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+
+import App from './App';
+
+createRoot(document.getElementById('root') as HTMLElement).render(
+  <StrictMode>
+    <App />
+  </StrictMode>
+);
diff --git a/smoke/react18-vite/tsconfig.json b/smoke/react18-vite/tsconfig.json
@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "jsx": "react-jsx",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "target": "ES2022",
+    "lib": ["DOM", "DOM.Iterable", "ES2022"],
+    "types": ["react", "react-dom"],
+    "skipLibCheck": false,
+    "noEmit": true
+  },
+  "include": ["src"]
+}
diff --git a/smoke/react19-vite/index.html b/smoke/react19-vite/index.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>DayPicker v8 React 19 Smoke</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/smoke/react19-vite/package.json b/smoke/react19-vite/package.json
@@ -0,0 +1,20 @@
+{
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite --host 127.0.0.1 --port 5189",
+    "typecheck": "tsc --noEmit",
+    "build": "tsc --noEmit && vite build"
+  },
+  "dependencies": {
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
+    "date-fns": "3.6.0",
+    "react": "19.2.5",
+    "react-day-picker": "file:../react-day-picker-8.10.2.tgz",
+    "react-dom": "19.2.5",
+    "typescript": "5.9.3",
+    "vite": "7.3.2"
+  },
+  "devDependencies": {}
+}
diff --git a/smoke/react19-vite/src/App.tsx b/smoke/react19-vite/src/App.tsx
@@ -0,0 +1,19 @@
+import { createRef, useState } from 'react';
+import { DayPicker, type ButtonProps, type DateRange } from 'react-day-picker';
+import 'react-day-picker/dist/style.css';
+
+const buttonRef = createRef<HTMLButtonElement>();
+const buttonProps: ButtonProps = { ref: buttonRef, type: 'button' };
+void buttonProps;
+
+export default function App() {
+  const [single, setSingle] = useState<Date>();
+  const [range, setRange] = useState<DateRange>();
+
+  return (
+    <main>
+      <DayPicker mode="single" selected={single} onSelect={setSingle} />
+      <DayPicker mode="range" selected={range} onSelect={setRange} />
+    </main>
+  );
+}
diff --git a/smoke/react19-vite/src/main.tsx b/smoke/react19-vite/src/main.tsx
@@ -0,0 +1,10 @@
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+
+import App from './App';
+
+createRoot(document.getElementById('root') as HTMLElement).render(
+  <StrictMode>
+    <App />
+  </StrictMode>
+);
diff --git a/smoke/react19-vite/tsconfig.json b/smoke/react19-vite/tsconfig.json
@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "jsx": "react-jsx",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "target": "ES2022",
+    "lib": ["DOM", "DOM.Iterable", "ES2022"],
+    "types": ["react", "react-dom"],
+    "skipLibCheck": false,
+    "noEmit": true
+  },
+  "include": ["src"]
+}
