Shopify Remix Boilerplate - How setup flat routes

[dev-raunakyadav]

I installed the remix-flat-routes package in my Shopify Remix boilerplate and configured it in vite.config.js. However, when I run npx remix routes, I get the following error:

The "routes" config option is not supported when a "routes.ts" file is present. You should migrate these routes into "routes.ts".

I removed the routes.ts file from my app, but the error still persists. I’ve tried various solutions, including seeking help from ChatGPT, but I haven't been able to resolve it. The error remains the same.

[mikkpokk]

Provided error from npx remix routes refers you are using react-router 7. Therefore, you should follow react-router 7 documentation. Since react-router v7 replaced remix as a package. You should remove remix packages from your package.json and migrate remix imports with react-router imports.

Upgrading from Remix
Routing with React Router v7
Using remix-flat-routes with React Router v7

Why Remix replaced with React Router

How to install React Router v7 as a framework (previously Remix)