Skip to content

[BUG] Unhandled Runtime Error while local testing #167

@iampopovich

Description

@iampopovich
Image
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

Expected server HTML to contain a matching <a> in <div>.


<App>
  <App>
    <div>
      <header>
        <div>
        ^^^^^
          <a>
          ^^^
Call Stack
React
throwOnHydrationMismatch
node_modules/react-dom/cjs/react-dom.development.js (12507:1)
tryToClaimNextHydratableInstance
node_modules/react-dom/cjs/react-dom.development.js (12535:1)
updateHostComponent
node_modules/react-dom/cjs/react-dom.development.js (19902:1)
beginWork
node_modules/react-dom/cjs/react-dom.development.js (21618:1)
HTMLUnknownElement.callCallback
node_modules/react-dom/cjs/react-dom.development.js (4164:1)
Object.invokeGuardedCallbackDev
node_modules/react-dom/cjs/react-dom.development.js (4213:1)
invokeGuardedCallback
node_modules/react-dom/cjs/react-dom.development.js (4277:1)
beginWork$1
node_modules/react-dom/cjs/react-dom.development.js (27451:1)
performUnitOfWork
node_modules/react-dom/cjs/react-dom.development.js (26557:1)
workLoopSync
node_modules/react-dom/cjs/react-dom.development.js (26466:1)
renderRootSync
node_modules/react-dom/cjs/react-dom.development.js (26434:1)
performConcurrentWorkOnRoot
node_modules/react-dom/cjs/react-dom.development.js (25738:1)
workLoop
node_modules/scheduler/cjs/scheduler.development.js (266:1)
flushWork
node_modules/scheduler/cjs/scheduler.development.js (239:1)
MessagePort.performWorkUntilDeadline
node_modules/scheduler/cjs/scheduler.development.js (533:1)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions