Skills
.Work. You
Rest

react-19-jsx-namespace

Community

Migrate JSX types to React.JSX in React 19.

Software Engineering#typescript#react#jsx#migrate#react-19#jsx-element
AuthorHugoAlmeidaMoreira
Version1.0.0
Installs0

System Documentation

What problem does it solve?

React 19 removed the global JSX namespace, causing TypeScript code that references JSX.Element to fail. This Skill guides updating types to React.JSX.Element to restore type safety.

Core Features & Use Cases

  • Guided migration: Replace JSX.Element with React.JSX.Element across components and types.
  • Compatibility checks: Ensure imports and TypeScript configs align with React 19+ expectations.
  • Use Case: You upgraded a Next.js 15+ project and need to fix type references in TSX files to compile again.

Quick Start

Update a TSX file to replace JSX.Element with React.JSX.Element and run a TypeScript build to verify it compiles.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: react-19-jsx-namespace
Download link: https://github.com/HugoAlmeidaMoreira/zeus-agent/archive/main.zip#react-19-jsx-namespace

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.