title: How do I get the TypeScript engine to allow custom HTML attributes in JSX?
body: <p>I presume the TypeScript engine within <a href="https://code.visualstudio.com/" rel="noreferrer">Visual Studio Code</a> has received an update that is now complaining for the first time that my pre-existing custom props on HTML elements are invalid. This is on a Babel/React/JSX project with no TypeScript whatsoever.</p>
  
  <pre><code>&lt;div custom="bar" /&gt;
  </code></pre>
  
  <p><em>Note: they are (technically) invalid, but I consume them, so I know what I'm doing (it's intentional).</em></p>
  
  <h1><a href="https://codepen.io/jedmao/pen/yvPgPg/?editors=0010" rel="noreferrer">See it on CodePen!</a></h1>
  
  <h2>See also</h2>
  
  <ul>
  <li><a href="https://stackoverflow.com/questions/40093655/how-do-i-add-attributes-to-existing-html-elements-in-typescript-jsx">How do I add attributes to existing HTML elements in TypeScript/JSX?</a> (posted by myself over a year ago and doesn't work any more).</li>
  <li><a href="https://www.typescriptlang.org/docs/handbook/jsx.html#type-checking" rel="noreferrer">JSX | Type Checking</a></li>
  </ul>