Hydration error NextJS

[christopherarm]

I get this error when using in my NextJS Code:

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

throwOnHydrationMismatch
node_modules\react-dom\cjs\react-dom.development.js (12507:0)
popHydrationState
node_modules\react-dom\cjs\react-dom.development.js (12678:0)
completeWork
node_modules\react-dom\cjs\react-dom.development.js (22176:0)
completeUnitOfWork
node_modules\react-dom\cjs\react-dom.development.js (26596:0)
performUnitOfWork
node_modules\react-dom\cjs\react-dom.development.js (26568:0)
workLoopSync
node_modules\react-dom\cjs\react-dom.development.js (26466:0)
renderRootSync
node_modules\react-dom\cjs\react-dom.development.js (26434:0)
performConcurrentWorkOnRoot
node_modules\react-dom\cjs\react-dom.development.js (25738:0)
workLoop
node_modules\scheduler\cjs\scheduler.development.js (266:0)
flushWork
node_modules\scheduler\cjs\scheduler.development.js (239:0)
MessagePort.performWorkUntilDeadline
node_modules\scheduler\cjs\scheduler.development.js (533:0)

Code: <em-emoji id="heavy_plus_sign" size="1.5em" set="apple"></em-emoji>