exceptionless
diff --git a/‎example/react/public/index.html renamed to ‎example/react/index.html
+4-12 b/‎example/react/public/index.html renamed to ‎example/react/index.html
+4-12
diff --git a/‎example/react/package.json
+7-6 b/‎example/react/package.json
+7-6
diff --git a/‎example/react/src/App.js renamed to ‎example/react/src/App.jsx b/‎example/react/src/App.js renamed to ‎example/react/src/App.jsx
diff --git a/‎example/react/src/index.js renamed to ‎example/react/src/index.jsx
-6 b/‎example/react/src/index.js renamed to ‎example/react/src/index.jsx
-6
diff --git a/‎example/react/src/reportWebVitals.js
-13 b/‎example/react/src/reportWebVitals.js
-13
diff --git a/‎example/react/vite.config.js
+11 b/‎example/react/vite.config.js
+11
@@ -2,25 +2,16 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta name="description" content="Web site created using create-react-app" />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <link rel="apple-touch-icon" href="/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
+    <link rel="manifest" href="/manifest.json" />
     <title>React App</title>
   </head>
   <body>
@@ -36,5 +27,6 @@
       To begin the development, run `npm start` or `yarn start`.
       To create a production bundle, use `npm run build` or `yarn build`.
     -->
+    <script type="module" src="/src/index.jsx"></script>
   </body>
 </html>
@@ -3,9 +3,9 @@
   "private": true,
   "version": "3.0.0-dev",
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "eject": "react-scripts eject"
+    "start": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
   },
   "eslintConfig": {
     "extends": [
@@ -29,14 +29,15 @@
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.2.2",
     "@testing-library/user-event": "^14.5.2",
-    "react-scripts": "^5.0.1"
+    "@vitejs/plugin-react": "^4.2.1",
+    "vite": "^5.2.6"
   },
   "dependencies": {
     "@exceptionless/react": "3.0.0-dev",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "web-vitals": "^3.5.2"
+    "react-dom": "^18.2.0"
   },
+  "type": "module",
   "publishConfig": {
     "access": "restricted"
   }
 
@@ -2,7 +2,6 @@ import React from "react";
 import { createRoot } from "react-dom/client";
 import "./index.css";
 import App from "./App";
-import reportWebVitals from "./reportWebVitals";
 
 const container = document.getElementById("root");
 const root = createRoot(container);
@@ -12,8 +11,3 @@ root.render(
     <App />
   </React.StrictMode>
 );
-
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();
@@ -0,0 +1,11 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+export default defineConfig({
+  base: "",
+  plugins: [react()],
+  server: {
+    open: true,
+    port: 5174
+  }
+});