title: Warning: Extra attributes from the server: disabled
body: <p>I use <code>styled components</code> and have a button in my form which has a button.</p>
  <pre><code>const SubmitButton = styled.button`
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 5px;
  `
  
  const isSubmitDisabled = true;
  
  return &lt;SubmitButton disabled={isSubmitDisabled}&gt;Save&lt;/SubmitButton&gt;;
  </code></pre>
  <p>When I compile it and run via SSR setup, I see this error in browser console:</p>
  <pre><code>Warning: Extra attributes from the server: disabled
  </code></pre>
  <p>I searched for official docs about what attributes are &quot;extra&quot; and what does it mean but no luck.</p>
  <p>Is it not allowed to pass some attributes from server? How to make my button conditionally disabled/enabled on first render?</p>