craigkj / react-class-reconcilliation-bug Goto Github PK

A demo showing a potential bug with className reconcilliation in react client side rendering onto a SSRs component. Issue is here: facebook/react#13260

node 8

npm run build
npm start

Hit: http://localhost:8088/test\

You should see Leonardo on screen, shortly replaced by Donatello.

Inspect the html and you can it ends up as:

<div  id="the-mount">
    <div  class="header--Leonardo"  data-reactroot="">
       <p>Donatello</p>
    </div>
</div>

What I would expect to see:

<div  id="the-mount">
    <div  class="header--Donatello"  data-reactroot="">
        <p>Donatello</p>
    </div>
</div>

However, if you then run:

npm install react@15 react-dom@15 --save
npm run build
npm start

Bingo. It works.

See the issue for notes and discussion.