Add missing React imports to JSX files for TypeScript compliance

[Copilot]

Codacy flagged missing React imports in JSX files. The tsconfig uses "jsx": "preserve" which requires React to be explicitly in scope.

Changes

• Added import React to 4 page components that use JSX:
  • performance.tsx
  • settings.tsx
  • todays-focus.tsx
  • onboarding.tsx

These files were modified during the React Router migration but lacked the React import required for JSX transformation.

// Before
import { useQuery } from "@tanstack/react-query";

// After
import React from "react";
import { useQuery } from "@tanstack/react-query";

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[coderabbitai]

Important

Review skipped

Bot user detected.

To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[codacy-production]

Codacy's Analysis Summary

0 new issue (≤ 0 issue)
0 new security issue
0 complexity

Review Pull Request in Codacy →

✨ AI Reviewer available: add the codacy-review label to get contextual insights without leaving GitHub.