title: React-tooltip and Next.js SSR issue
body: <p>I use the react-tooltip library in my Next.js app.</p>
  <p>I noticed that every time I refresh a website while visiting a page that uses the tooltip I get an error:</p>
  <pre><code>react-dom.development.js:88 Warning: Prop `dangerouslySetInnerHTML` did not match.
  </code></pre>
  <p><em>CSS classes are different on the client and on the server</em></p>
  <p>The weird part is I do not get that error while navigating from a random page to a page that uses the react-tooltip.</p>
  <p><em>The tooltip related code:</em></p>
  <pre><code>&lt;StyledPopularityTooltipIcon src=&quot;/icons/tooltip.svg&quot; alt=&quot;question mark&quot; data-tip=&quot;hello world&quot; /&gt;
  &lt;ReactTooltip
      effect=&quot;solid&quot;
      className=&quot;tooltip&quot;
      backgroundColor=&quot;#F0F0F0&quot;
      arrowColor=&quot;#F0F0F0&quot;
      clickable={true}
  /&gt;
  </code></pre>