Vanilla JS input

JsInput.js

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

// Vanilla JS
function JsInput({ value, label }) {
  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">
      <JsInput value={1} label="Vanilla JS (not typesafe)" />
      // You can do this and get [object Object] in your field without any error
      // <JsInput value={{value: 1}} label="Vanilla JS (not typesafe)" />
    </div>
  );
}

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