How to write an exported element (not a class) React on tsx?

Question

React

Let's say we have the following jsx code:

import React from 'react';
import './SomeObjectStyle.css';

export default props => (
    <div className='SomeObjectSt'>
        <h1> Object ID: {props.id} </h1>
        <h2> Object Name : {props.name} </h2>
        <h2> Object Parameter : {props.parameter}</h2>
        <input style={{background: '#252525', color: '#6df'}} onChange={props.onUpdateBuffer} type="text"></input>
        <button style={{background: '#252525', color: '#6df'}} onClick={props.onChangeName}> Change name </button>
    </div>
)

Is it possible to write something similar on tsx?

Answer 1

export default - obsolete, inconvenient crap. Forget it.
export const SomeObject = (props) => ...