no-config-on-dynamic-ui-route - ESLint plugin rules

This rule disallows defineRouteConfig in dynamic UI routes, such as [id]/page.tsx, since they aren't added to the sidebar.

Severity#

warn. This rule is enabled in the recommended preset.

What it Targets#

This rule targets dynamic page.tsx files in your project's src/admin/routes directory, such as [id]/page.tsx. It reports a defineRouteConfig call in a dynamic route.

The following code is reported by the rule:

src/admin/routes/products/[id]/page.tsx
1import { defineRouteConfig } from "@medusajs/admin-sdk"2
3const ProductPage = () => null4
5export const config = defineRouteConfig({6  label: "Product",7})8
9export default ProductPage

Instead, remove the defineRouteConfig call:

src/admin/routes/products/[id]/page.tsx
1const ProductPage = () => null2
3export default ProductPage

Why it's Important#

Dynamic UI routes aren't added to the sidebar, so defineRouteConfig has no effect and Medusa warns at runtime.

Learn more in the UI Routes documentation.

Fixable#

This rule isn't auto-fixable.

Turn it Off#

To turn off this rule, set it to off in your ESLint configuration:

eslint.config.ts
1import { defineConfig } from "eslint/config"2import medusa from "@medusajs/eslint-plugin"3
4export default defineConfig([5  ...medusa.configs.recommended,6  {7    rules: {8      "@medusajs/no-config-on-dynamic-ui-route": "off",9    },10  },11])

Or disable it for a single line using an inline comment:

Code
1// eslint-disable-next-line @medusajs/no-config-on-dynamic-ui-route2export const config = defineRouteConfig({ label: "Product" })