JSX to plain object

index.jsx

<div className="search-box">
  <label for="search">Wyszukaj:</label>
  <input type="text" id="search" placeholder="Wyszukaj..." />
</div>

output.js

{
  "type": "div",
  "props": {
    "className": "search-box"
  },
  "children": [
    {
      "type": "label",
      "props": {
        "for": "search"
      },
      "children": [
        "Wyszukaj:"
      ]
    },
    {
      "type": "input",
      "props": {
        "type": "text",
        "id": "search",
        "placeholder": "Wyszukaj..."
      },
      "children": null
    }
  ]
}