Errors: Text content does not match server-rendered HTML & Hydration failed

[kosyachniy]

On reload page I get errors:
1.

Unhandled Runtime Error
Error: Text content does not match server-rendered HTML.

See more info here: https://nextjs.org/docs/messages/react-hydration-error

Unhandled Runtime Error
Error: Hydration failed because the initial UI does not match what was rendered on the server.

See more info here: https://nextjs.org/docs/messages/react-hydration-error

Unhandled Runtime Error
Error: There was an error while hydrating. Because the error happened outside of a Suspense boundary, the entire root will switch to client rendering.

I try to check your example here:
https://github.com/oslabs-beta/next-persist-demo

But errors are exist.
I create pull-request & issue:
oslabs-beta/next-persist-demo#28
oslabs-beta/next-persist-demo#27

How to use next-persist now? How to fix it?