Stellen Sie die richtige Reihenfolge der inferenzempfindlichen Eigenschaften für createRoute-Funktionen sicher

Bei den folgenden Funktionen ist die Reihenfolge der Eigenschaften des übergebenen Objekts aufgrund der Typinferenz wichtig

createRoute
createFileRoute
createRootRoute
createRootRouteWithContext

Die richtige Reihenfolge der Eigenschaften ist wie folgt:

params, validateSearch
loaderDeps, search.middlewares, ssr
context
beforeLoad
loader
onEnter, onStay, onLeave, head, scripts, headers, remountDeps

Alle anderen Eigenschaften sind unempfindlich gegenüber der Reihenfolge, da sie nicht von der Typinferenz abhängen.

Regeldetails

Beispiele für falschen Code für diese Regel

tsx

/* eslint "@tanstack/router/create-route-property-order": "warn" */
import { createFileRoute } from '@tanstack/react-router'

export const Route = createFileRoute('/path')({
  loader: async ({context}) => {
    await context.queryClient.ensureQueryData(getQueryOptions(context.hello)),
  },
  beforeLoad: () => ({hello: 'world'})
})

/* eslint "@tanstack/router/create-route-property-order": "warn" */
import { createFileRoute } from '@tanstack/react-router'

export const Route = createFileRoute('/path')({
  loader: async ({context}) => {
    await context.queryClient.ensureQueryData(getQueryOptions(context.hello)),
  },
  beforeLoad: () => ({hello: 'world'})
})

Beispiele für korrekten Code für diese Regel

tsx

/* eslint "@tanstack/router/create-route-property-order": "warn" */
import { createFileRoute } from '@tanstack/react-router'

export const Route = createFileRoute('/path')({
  beforeLoad: () => ({hello: 'world'}),
  loader: async ({context}) => {
    await context.queryClient.ensureQueryData(getQueryOptions(context.hello)),
  }
})

/* eslint "@tanstack/router/create-route-property-order": "warn" */
import { createFileRoute } from '@tanstack/react-router'

export const Route = createFileRoute('/path')({
  beforeLoad: () => ({hello: 'world'}),
  loader: async ({context}) => {
    await context.queryClient.ensureQueryData(getQueryOptions(context.hello)),
  }
})

Attribute

✅ Empfohlen
🔧 Behebbar

Stellen Sie die richtige Reihenfolge der inferenzempfindlichen Eigenschaften für createRoute-Funktionen sicher

Regeldetails

Attribute

Bytes abonnieren

Bytes abonnieren