title: Warning: Received `false` for a non-boolean attribute. How do I pass a boolean for a custom boolean attribute?
body: <pre><code>Warning: Received `false` for a non-boolean attribute `comingsoon`.
  
  If you want to write it to the DOM, pass a string instead: 
  comingsoon="false" or comingsoon={value.toString()}.
  </code></pre>
  
  <p>How do I pass a boolean in a custom attribute for React? </p>
  
  <p>I'm using styled-components and passing the attribute through the component. Here is a picture of how I'm passing the attr.</p>
  
  <p><img src="https://i.stack.imgur.com/490By.png">
  <a href="https://i.stack.imgur.com/490By.png" rel="noreferrer">passing boolean custom attr as "comingsoon"</a></p>
  
  <p><img src="https://i.stack.imgur.com/cbhsK.png">
  <a href="https://i.stack.imgur.com/cbhsK.png" rel="noreferrer">styled-components css props</a></p>