title: passing props to react component from standard html
body: <p>so I wanted to do implement a sort of thing where I can put custom attributes in HTML elements which will be taken as props by a react component. Something like:</p>
  <pre><code>function someFunction(props) {
      return &lt;h1&gt;props.something&lt;/h1&gt;
  }
  </code></pre>
  <p>HTML:</p>
  <pre><code>&lt;div id=&quot;someElement&quot; data-something=&quot;some text&quot;&gt;&lt;/div&gt;
  </code></pre>
  <p>renders:</p>
  <pre><code>&lt;h1&gt;some text&lt;/h1&gt;
  </code></pre>
  <p>I THINK something like this could work, but I don't think its the best approach</p>
  <pre><code>let render_div = document.getElementById(&quot;someElement&quot;)
  render(&lt;someElement something={render_div.getAttribute(&quot;data-something&quot;)}/&gt;, render_div)
  </code></pre>
  <p>I'm new to react so please help me :)</p>
  <p>PS: I'm using typescript</p>