Fix JSX Namespace Error in React CodePublic

Creating the plan:

Implementing the fix now: I’ll update the PricingFeature type to use ReactElement, then run a full typecheck to verify the error is resolved. I’ll also track progress in the existing to-dos as requested.

I found the exact JSX.Element usage and I’m applying the targeted type-only import plus prop type update now.

Fixed the JSX namespace error in components/landing.tsx by replacing the type usage that relied on global JSX:

• Added import type { ReactElement } from "react";
• Changed feature: { icon: JSX.Element; label: string } to feature: { icon: ReactElement; label: string }

Verification:

• Ran bun run typecheck (tsc --noEmit) successfully with exit code 0
• Checked lints for components/landing.tsx: no linter errors

Why this works:

• With the automatic JSX runtime ("jsx": "react-jsx"), the global JSX namespace may not be available in all contexts. Using ReactElement from react is the correct explicit type and avoids that namespace resolution issue.

Checking how other components type React elements and how React 19 exposes JSX types: