How to use React components with specific parameters using TS?

Question

React

Let's say there is such a React component in tsx format:

export const Comp = (a: string) => {
    <div>
        <h1> {a} </h1>
    </div>
}

How to use such a component (by passing the necessary parameter to it) in code like this (also tsx):

import {Component} from 'react';
import './Main.css';

class Main extends Component {
    render () {
        return(
            <div className="Main">
                
            </div>
        );
    }
}

export default Main;

Answer 1

export const Comp = (a: string) => {
    <div>
        <h1> {a} </h1>
    </div>
}

This is not a react component. A react component always has a readonly props object as its first argument. There cannot be a line.