Inline types

InlineTsInput.tsx

import * as React from "react";
import { render } from "react-dom";

// Inline types
function InlineTsInput(props: { value: number | string; label: string }) {
  const { value, label } = props;
  return (
    <div className="container">
      <div className="label">{label}</div>
      <div className="typeof">
        Type: <b>{typeof value}</b>
      </div>
      <input value={value} />
    </div>
  );
}

function App() {
  return (
    <div className="App">
      <InlineTsInput value={1} label="TS inline types" />
    </div>
  );
}

const rootElement = document.getElementById("root");
render(<App />, rootElement);