TypeScript में React के लिए .ts और .tsx एक्सटेंशन में क्या अंतर है?

सभी को नमस्ते! मैंने हाल ही में React के साथ TypeScript सीखना शुरू किया है और मुझे एक ऐसी स्थिति का सामना करना पड़ा जो मेरे लिए समझ से बाहर थी। जब मैं components बनाता हूँ, तो मैं देखता हूँ कि projects में दो अलग-अलग एक्सटेंशन का उपयोग किया जाता है: `.ts` और `.tsx`। उदाहरण के लिए, मेरे पास `Button.ts` फ़ाइल और `App.tsx` फ़ाइल है। दोनों में TypeScript कोड है, लेकिन जब मैं `.ts` फ़ाइल के अंदर JSX लिखने की कोशिश करता हूँ, तो code editor error देता है, और जब मैं इसका नाम बदलकर `.tsx` कर देता हूँ, तो सब कुछ ठीक काम करता है। यहाँ मेरे कोड का उदाहरण है जो `Button.ts` में काम नहीं करता: ```typescript import React from 'react'; interface ButtonProps { label: string; onClick: () => void; } // Error: JSX .ts files में supported नहीं है const Button: React.FC = ({ label, onClick }) => { return {label}; }; ``` जबकि यही कोड `.tsx` में बिल्कुल ठीक काम करता है।