TypeScript JSX File — TypeScript file containing JSX for React components.
Quick facts
What is .tsx
A .tsx file is a TypeScript JSX File — TypeScript file containing JSX for React components.
In the mime-db registry it has no registered standard MIME type. When serving this file over HTTP, use a Content-Type that matches its actual format.
How to open .tsx files
Developer info
When served over HTTP, responses should set the following header:
# No standard MIME type is registered for .tsx
Common software that reads/writes .tsx:
Relation chain
Related extensions
Related programming languages
Common uses
How to edit .tsx files
How to create .tsx files
Frequently asked questions
Common options include VS Code, React. You can also open many of these files with built-in viewers or a browser.
Create a new file in any text editor or the app that owns the format and save it with the .tsx extension.
Sources & standards
Updated 2026-08-18
Explore this reference