New devtools is not compatible with React 0.14 about react-devtools

[bikasv]

I just read it up the blog update and response from @gaearon. It looks like React version below 15.x is not supported in new Devtool - https://reactjs.org/blog/2019/08/15/new-react-devtools.html

We've to compile the older version manually to have it working for older React version. Details are given here - https://reactjs.org/blog/2019/08/15/new-react-devtools.html#how-do-i-get-the-old-version-back

[alsaidib]

You just need to disable react devtools form Chrome extensions list

OR

just install the old version

npm install --dev react-devtools@^3

https://reactjs.org/blog/2019/08/15/new-react-devtools.html#how-do-i-get-the-old-version-back

[dusnoki]

I'm having the same issue as you. Removing dev tools fixes app. Not quite sure what is going on!

[bvaughn]

This issue has already been reported in the main React repo:
facebook/react#16462

This repository is for the legacy DevTools extension (v3) and is in the process of being shut down.

Thank you!

[codingleo]

I had the same problem where I've looped around components and used something like id from some model. Changing it to index of the array solved the issue for me.

Not working:

                   <Table bordered>
                        <tbody>
                            {props.userList.map(user => (
                                <tr key={`${user.id}`}>
                                    <td>{user.completeName}</td>
                                    <td>{user.email}</td>
                                </tr>
                            ))}
                        </tbody>
                    </Table>

Worked again with:

                    <Table bordered>
                        <tbody>
                            {props.userList.map((user, index) => (
                                <tr key={`${index}`}>
                                    <td>{user.completeName}</td>
                                    <td>{user.email}</td>
                                </tr>
                            ))}
                        </tbody>
                    </Table>

Update 1:
By using it with array index is not a good practice (so consider it my palliative plan), so I've tried using other model related data as key, then I had other warnings while rerendering it with hot-reload:

Not sure if it's related.