SSR App: Seeing React Warning "Extra attributes from the server: data-from-server"

Hi,

First of all want to thank you for this great component 🥇. The issue I am seeing is when using this component in a isomorphic application, I am seeing this warning in console.

Warning: Extra attributes from the server: data-from-server

Inspecting the DOM for the component reveals data-from-server=yes. Looks like the warning comes from the React hydrate method when there as mismatch in the Server vs Client DOM tree?

NOTE: I am not initializing initSimpleImg(...), simply using the documented props:

<SimpleImg
  animationDuration={1}
  src="https://.../images/hero/hp_main_banner_960.png"
  srcSet="https://.../images/hero/hp_main_banner_480.png 480w, ...."
  sizes="(min-width: 480px) 480px, ...."
  alt="An illustration"
/>

Is there unique steps to follow when using in isomorphic web applications?

[rhernand3z]

@bluebill1049 it is good to go! thanks @revskill10 ⚔️

[bluebill1049]

hey @revskill10,

thanks for you suggestion and contribution. i think as long as your fix will resolve the server/client mis-match, then we are good. keep it simple and beautiful 👍

cheers bill