[react-doctor] src/screens/DataScreen.tsx (2 findings)

React Doctor currently reports 2 findings in src/screens/DataScreen.tsx.

• no-giant-component (warning, L95:17) — Component "DataScreen" is over 300 lines long, which is hard to read & change. Split it into a few smaller components.
  • Fix: Pull each section into its own component so the parent is easier to read, test, and change.
  • Docs: https://react.doctor/rules/no-giant-component
• rerender-memo-before-early-return (warning, L222:9) — This rebuilds the JSX whenever its dependencies change even on renders that take the early return, so move the JSX into a child component rendered after the early return to skip it
  • Fix: Move the JSX into a child component rendered after the early return, so renders that take the early return never build it
  • Docs: https://react.doctor/rules/rerender-memo-before-early-return

This issue is maintained automatically. It will be updated while findings remain and closed when the file is clean.

Human triage notes below this marker are preserved by the weekly audit.

Start with src/screens/DataScreen.tsx and review the two React Doctor findings at L95 and L222, along with their linked rule documentation. Split the sections into smaller components and move the JSX affected by the early return into a child component. Done means React Doctor reports no findings for this file.