Cloudflare support

.gitignore

@@ -136,3 +136,4 @@ dist
 # IDE
 .idea
 .tsup
+.react-router

README.md

@@ -53,6 +53,20 @@ export default defineConfig({
 
 That's it, you're done!
 
+### CloudFlare
+
+If you're trying to spin it up on CF, try adding this to your `optimizeDeps` in your `vite.config.js` file:
+```ts
+optimizeDeps: {
+  include: [
+    // other optimized deps
+    "beautify",
+    "react-diff-viewer-continued",
+    "classnames",
+    "@bkrem/react-transition-group",
+  ],
+},
+```
 
 ## Support
 

docs/posts/main/started/installation.mdx

@@ -49,6 +49,21 @@ export default defineConfig({
 Make sure your plugin is BEFORE the react router one!
 </Warn>
 
+### CloudFlare
+
+If you're trying to spin it up on CF, try adding this to your `optimizeDeps` in your `vite.config.js` file:
+```ts
+optimizeDeps: {
+  include: [
+    // other optimized deps
+    "beautify",
+    "react-diff-viewer-continued",
+    "classnames",
+    "@bkrem/react-transition-group",
+  ],
+},
+```
+
 **That's it!**
 
 You should now see the React Router Devtools in your browser when you run your app.

test-apps/react-router-vite/app/routes.ts

@@ -1,3 +1,3 @@
 
 import { flatRoutes } from "@react-router/fs-routes";
-export const routes = flatRoutes()
+export default flatRoutes()