Skip to content
Sarj Sarj Sarj Standards

React Doctor

492 rules react-doctor@0.9.14

Complete effective rule inventory.

Docs

Rules

40 rules on this page · 492 total

  • react-doctor/remotion-deterministic-randomness

    Use Remotion's seeded random(seed) helper so the same frame produces the same value in every render tab.

    : error in React projects
    No autofix
  • react-doctor/remotion-no-css-animation

    Drive the property from useCurrentFrame() with interpolate() so every rendered frame is deterministic.

    : error in React projects
    No autofix
  • react-doctor/remotion-no-css-transition

    Drive the property from useCurrentFrame() with interpolate() so every rendered frame is deterministic.

    : error in React projects
    No autofix
  • react-doctor/remotion-no-css-url-assets

    Render the asset with Img inside an AbsoluteFill, or preload the same source with a hidden Img when a CSS mask is required.

    : error in React projects
    No autofix
  • react-doctor/remotion-no-module-scope-delay-render

    Create the handle once inside the component. Use useDelayRender() on Remotion 4.0.342 or newer, or lazy useState(() => delayRender()) on earlier versions.

    : error in React projects
    No autofix
  • react-doctor/remotion-no-native-media-elements

    Use Remotion's media components so rendering waits for assets and seeks media to the requested frame.

    : error in React projects
    No autofix
  • react-doctor/remotion-no-next-image

    Use Img from remotion, which delays rendering until the image is loaded.

    : error in React projects
    No autofix
  • react-doctor/remotion-stable-delay-render-handle

    Prefer useDelayRender(), or initialize delayRender() once with useState(() => delayRender()).

    : error in React projects
    No autofix
  • react-doctor/rendering-conditional-render

    Use {items.length > 0 && <List />}, or a ternary like {items.length ? <List /> : null}.

    : warning in React projects
    No autofix
  • react-doctor/rendering-hydration-mismatch-time

    Move time or random values into useEffect+useState so they only run in the browser, or add suppressHydrationWarning to the parent if it's intentional

    : warning in React projects
    No autofix
  • react-doctor/repository-secret-file

    Remove committed env files, service-account credentials, npm auth tokens, and webhook URLs; rotate exposed values and keep only redacted examples in source.

    : error in React projects
    No autofix
  • react-doctor/request-body-mass-assignment

    Assign explicit, allowlisted fields (or validate with a strict schema and no .passthrough()) instead of spreading/merging request input. Otherwise the client can set ownership, role, or price columns (mass assignment) or pollute the prototype.

    : warning in React projects
    No autofix
  • react-doctor/require-render-return

    Return JSX or null from render so the component intentionally shows something or nothing.

    : error in React projects
    No autofix
  • react-doctor/rn-bottom-sheet-no-ignored-scroll-prop

    Remove scrollEventThrottle, decelerationRate, and onScrollBeginDrag from BottomSheetScrollView because the component ignores them.

    : warning in React Native projects
    No autofix
  • react-doctor/rn-bottom-sheet-no-state-in-on-animate

    Avoid starting React renders from onAnimate. Use animatedIndex or animatedPosition for animation-coupled UI, or onChange for committed index state.

    : warning in React Native projects
    No autofix
  • react-doctor/rn-bottom-sheet-use-integrated-scrollable

    Use @gorhom/bottom-sheet's integrated BottomSheetScrollView, BottomSheetFlatList, BottomSheetSectionList, or BottomSheetVirtualizedList so gestures coordinate with the sheet.

    : warning in React Native projects
    No autofix
  • react-doctor/rn-detox-missing-await

    Prepend await to Detox actions, waitFor(...) chains, and expect(element(...)) assertions. They return promises tied to Detox's synchronization, so a missing await runs steps out of order.

    : warning in React Native projects
    No autofix
  • react-doctor/rn-no-deep-imports

    Import the symbol from react-native (the package root) instead of the deprecated react-native/Libraries/... subpath, which RFC 0894 removes on upgrade.

    : warning in React Native projects
    No autofix
  • react-doctor/rn-no-falsy-and-render

    When the number is 0, this shows a bare 0 as text, which crashes on RN. Use {value > 0 && <X />}, {Boolean(value) && <X />}, or {value ? <X /> : null}.

    : error in React Native projects
    No autofix
  • react-doctor/rn-no-image-children

    React Native's <Image> can't render children. Use <ImageBackground> (same source/style props) to layer content over an image.

    : error in React Native projects
    No autofix
  • react-doctor/rn-reanimated-4-no-legacy-spring-thresholds

    Replace Reanimated 3 rest thresholds with Reanimated 4's energyThreshold spring option.

    : warning in React Native projects
    No autofix
  • react-doctor/rn-reanimated-4-no-removed-api

    Migrate removed Reanimated APIs to their Reanimated 4 or Gesture API replacements before upgrading.

    : warning in React Native projects
    No autofix
  • react-doctor/rn-reanimated-4-use-worklets-scheduler

    Import the corresponding scheduler from react-native-worklets when migrating to Reanimated 4.

    : warning in React Native projects
    No autofix
  • react-doctor/role-button-requires-complete-keyboard-activation

    Use a native button, or make a custom role button activate with both Enter and Space.

    : warning in React projects
    No autofix
  • react-doctor/role-has-required-aria-props

    Add every required aria-* attribute so assistive tech can expose the role's state correctly.

    : error in React projects
    No autofix
  • react-doctor/role-supports-aria-props

    Only use aria-* attributes that the element's role supports.

    : warning in React projects
    No autofix
  • react-doctor/scope

    Remove scope from this element or move it to the related <th> cell.

    : warning in React projects
    No autofix
  • react-doctor/secret-in-fallback

    Remove the literal fallback and fail closed (throw when the variable is unset). The hardcoded value is a committed secret, and the ??/|| default makes the app run with it in any environment that forgot to set the var.

    : error in React projects
    No autofix
  • react-doctor/server-auth-actions

    Check auth before changing server state or invoking billable services because exported server actions can be called directly by unauthenticated clients.

    : error in React projects
    No autofix
  • react-doctor/server-fetch-without-revalidate

    Pass { next: { revalidate: <seconds> } } (or cache: "no-store") so old data doesn't stick around.

    : warning in React projects
    No autofix
  • react-doctor/server-no-mutable-module-state

    Keep per-request data inside the action, or in headers, cookies, or React.cache. Module-scope let/var is shared by every request.

    : error in React projects
    No autofix
  • react-doctor/shadcn-command-item-state-variant-requires-value

    Style command items with the value-aware variants data-[selected=true]: and data-[disabled=true]:, because cmdk renders both attributes on every item as "true" or "false".

    : warning in React projects
    No autofix
  • react-doctor/shadcn-dialog-content-requires-title

    Give every DialogContent, SheetContent, AlertDialogContent, and DrawerContent a matching title part (wrapped in an sr-only element when the design shows no heading) or name the dialog with aria-label.

    : warning in React projects
    No autofix
  • react-doctor/shadcn-form-item-requires-label

    Give every FormItem that wraps a FormControl a FormLabel (sr-only when the design shows no visible label) or name the control directly with aria-label.

    : warning in React projects
    No autofix
  • react-doctor/shadcn-icon-button-requires-label

    Give every icon-sized Button an aria-label or an sr-only text child so assistive technology announces what the button does.

    : warning in React projects
    No autofix
  • react-doctor/shadcn-input-group-no-raw-controls

    Compose InputGroup from its own parts (InputGroupInput, InputGroupTextarea, and InputGroupAddon with InputGroupButton) so the group owns one border, focus ring, and error state.

    : warning in React projects
    No autofix
  • react-doctor/shadcn-tabs-trigger-requires-list

    Render each imported TabsTrigger inside its library TabsList so keyboard navigation and tablist semantics share one scope.

    : warning in React projects
    No autofix
  • react-doctor/style-prop-object

    Pass style as an object so React can apply CSS properties instead of ignoring a string style value.

    : warning in React projects
    No autofix
  • react-doctor/styled-components-non-transient-custom-prop-on-intrinsic-element

    Prefix custom styled-components props with $ (e.g. $active) so styled-components v6 keeps them off the DOM node instead of forwarding them as invalid attributes.

    : warning in React projects
    No autofix
  • react-doctor/supabase-client-owned-authz-field

    Use RLS policies based on auth.uid() and server-owned membership rows; do not trust client-provided owner, org, or role columns.

    : error in React projects
    No autofix