Skip to content

Markup generated on the server was not what the client was expecting #2

@nash90

Description

@nash90

Hi when I run nicistore locally, although the app started in the server and is accessible to client, I got following console error in the client when accessing any page.
I am not sure if the issue is related but the responsive styling/css is loaded noticeably late (after around 2 sec) after the plain html because of which the UX is effected.
I was wondering what might have cause the issue for me locally as both the above issue is not present in nicistore.com.
Please let me know if you have any idea on it.

Error message on JS console is as following:
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) bv5gxs.5.1.0.1.0.1"> <span data-r
(server) bv5gxs.5.1.0.1.0.1"> <span d

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions