React Router

Use React Router v7 framework-mode support from the lean v3 composer. This is also the supported configuration for projects migrated from Remix.

Install

pnpmnpmYarnBun

bash

pnpm add -D @santi020k/eslint-config-basic @santi020k/eslint-config-react @santi020k/eslint-config-react-router eslint

bash

npm install -D @santi020k/eslint-config-basic @santi020k/eslint-config-react @santi020k/eslint-config-react-router eslint

bash

yarn add -D @santi020k/eslint-config-basic @santi020k/eslint-config-react @santi020k/eslint-config-react-router eslint

bash

bun add -d @santi020k/eslint-config-basic @santi020k/eslint-config-react @santi020k/eslint-config-react-router eslint

Configure

import { defineConfig } from '@santi020k/eslint-config-basic'

export default await defineConfig({
  frameworks: {
    react: true,
    'react-router': true
  },
  typescript: true
})

With the required config packages installed, the one-line recommended entry auto-detects the framework; custom configs can use defineConfig() without a frameworks object.

What It Adds

• Recommended accessibility rules from eslint-plugin-jsx-a11y for route components.
• Adjustments that prevent false positives in virtual script blocks generated by the framework.
• Composition through the same @santi020k/eslint-config-basic entry point as every other framework.
• Compatibility with advanced overrides if you pass a custom config array or factory instead of true.

Notes

• Migrating from Remix? Enable 'react-router'; Remix dependencies are auto-detected as React Router projects.
• Pair this config with the React config — auto-detection handles this for you.
• This framework package is a public, optional dependency in v3; the basic composer loads it only when enabled.

Related Pages

• Remix migration
• React
• Configuration