SSR react checksum warning for equal markup

omcljs / om

ClojureScript interface to Facebook's React

6.66k stars 363 forks source link

Closed petterik closed 7 years ago

petterik commented 7 years ago

Did: Used om.dom for server and client side rendering.

Happened:

Got react warning: "Warning: React attempted to reuse markup in a container but the checksum was invalid. [...]"
Browser jumped to top of the page.

Expected: React to not print the warning, as the server and client side render the same markup.

petterik commented 7 years ago

I narrowed the warning down to this minimal case:

(defui SSRBug
  Object
  (render [this]
    (dom/div
      #js {:style #js {:backgroundImage "&"}})))

Fixes warnings for me by escaping string values in the :styles map in om.dom: https://github.com/omcljs/om/blob/master/src/main/om/dom.cljc#L468

anmonteiro commented 7 years ago