next.js/examples/with-react-md/ gives checksum invalid error when rendering on client.

[perjg]

Run the with-react-md as described in the README. When loading, it gives a checksum invalid error from React:

Warning: React attempted to reuse markup in a container but the checksum was invalid. This generally means that you are using server rendering and the markup generated on the server was not what the client was expecting. React injected new markup to compensate which works but you have lost many of the benefits of server rendering. Instead, figure out why the markup being generated is different on the client or server:
(client) ton><!-- react-empty: 15
(server) ton><span data-reactid="1

Expected behavior: Examples should show how to use isomorphic rendering properly, and not throw this error.

[frol]

Thank you for creating a separate issue. It was already reported in #940 (comment), and as a result of my investigations I have reported this issue to React-MD upstream: mlaursen/react-md#236

[perjg]

@frol Thanks for the explanation.
As far as I can tell, the bug is triggered by NavigationDrawer.DrawerTypes.PERSISTENT_MINI

[timneutkens]

Closing this in favor of the upstream ticket.

[frol]

@perjg Yes, there is no warning when non-MINI drawer types are used.

[frol]

@perjg @alexedev Just for your info, the invalid checksum issue has been resolved in React-MD upstream, which is yet to release with 1.1.x line, but you can try using the master branch (it is quite stable yet the APIs of some components may change a little): mlaursen/react-md#236