error with : next-dev.js?8927:32 Warning: Prop href did not match.

[byoungd]

next-dev.js?8927:32 Warning: Prop `href` did not match. Server: "" Client: "/"
    at a
    at Link (webpack-internal:///./node_modules/.pnpm/next@12.0.7_react-dom@17.0.2+react@17.0.2/node_modules/next/dist/client/link.js:103:23)
    at h4
    at SidebarGenresSub
    at div
    at div
    at Sidebar (webpack-internal:///./src/components/Sidebar.tsx:52:72)
    at div
    at div
    at Layout (webpack-internal:///./src/components/Layout.tsx:12:26)
    at Home (webpack-internal:///./src/pages/index.tsx:17:72)
    at MoviApp (webpack-internal:///./src/pages/_app.tsx:49:27)
    at Provider (webpack-internal:///./node_modules/.pnpm/react-redux@7.2.6_react-dom@17.0.2+react@17.0.2/node_modules/react-redux/es/components/Provider.js:16:20)
    at Wrapper (webpack-internal:///./node_modules/.pnpm/next-redux-wrapper@7.0.5_58781eafc43c114b370d4c4aafada0a6/node_modules/next-redux-wrapper/es6/index.js:209:40)
    at StyleRegistry (webpack-internal:///./node_modules/.pnpm/styled-jsx@5.0.0-beta.3_react@17.0.2/node_modules/styled-jsx/dist/stylesheet-registry.js:231:34)
    at ErrorBoundary (webpack-internal:///./node_modules/.pnpm/@next+react-dev-overlay@12.0.7_react-dom@17.0.2+react@17.0.2/node_modules/@next/react-dev-overlay/lib/internal/ErrorBoundary.js:26:47)
    at ReactDevOverlay (webpack-internal:///./node_modules/.pnpm/@next+react-dev-overlay@12.0.7_react-dom@17.0.2+react@17.0.2/node_modules/@next/react-dev-overlay/lib/internal/ReactDevOverlay.js:90:23)
    at Container (webpack-internal:///./node_modules/.pnpm/next@12.0.7_react-dom@17.0.2+react@17.0.2/node_modules/next/dist/client/index.js:331:9)
    at AppContainer (webpack-internal:///./node_modules/.pnpm/next@12.0.7_react-dom@17.0.2+react@17.0.2/node_modules/next/dist/client/index.js:770:26)
    at Root (webpack-internal:///./node_modules/.pnpm/next@12.0.7_react-dom@17.0.2+react@17.0.2/node_modules/next/dist/client/index.js:891:27) 

See more info here: https://nextjs.org/docs/messages/react-hydration-error
window.console.error @ next-dev.js?8927:32
printWarning @ react-dom.development.js?5c50:67
error @ react-dom.development.js?5c50:43
warnForPropDifference @ react-dom.development.js?5c50:8824
diffHydratedProperties @ react-dom.development.js?5c50:9645
hydrateInstance @ react-dom.development.js?5c50:10400
prepareToHydrateHostInstance @ react-dom.development.js?5c50:14616
completeWork @ react-dom.development.js?5c50:19458
completeUnitOfWork @ react-dom.development.js?5c50:22815
performUnitOfWork @ react-dom.development.js?5c50:22787
workLoopSync @ react-dom.development.js?5c50:22707
renderRootSync @ react-dom.development.js?5c50:22670
performSyncWorkOnRoot @ react-dom.development.js?5c50:22293
scheduleUpdateOnFiber @ react-dom.development.js?5c50:21881
updateContainer @ react-dom.development.js?5c50:25482
eval @ react-dom.development.js?5c50:26021
unbatchedUpdates @ react-dom.development.js?5c50:22431
legacyRenderSubtreeIntoContainer @ react-dom.development.js?5c50:26020
hydrate @ react-dom.development.js?5c50:26086
renderReactElement @ index.js?11e6:488
doRender @ index.js?11e6:710
_callee$ @ index.js?11e6:384
tryCatch @ runtime.js?6b81:45
invoke @ runtime.js?6b81:274
prototype.<computed> @ runtime.js?6b81:97
asyncGeneratorStep @ index.js?11e6:31
_next @ index.js?11e6:49
eval @ index.js?11e6:54
eval @ index.js?11e6:46
_render @ index.js?11e6:403
render @ index.js?11e6:406
eval @ next-dev.js?8927:86
eval @ fouc.js?ff02:12
requestAnimationFrame（异步）
displayContent @ fouc.js?ff02:7
eval @ next-dev.js?8927:85
Promise.then（异步）
eval @ next-dev.js?8927:48
./node_modules/.pnpm/next@12.0.7_react-dom@17.0.2+react@17.0.2/node_modules/next/dist/client/next-dev.js @ main.js?ts=1644926501787:567
options.factory @ webpack.js?ts=1644926501787:633
__webpack_require__ @ webpack.js?ts=1644926501787:37
__webpack_exec__ @ main.js?ts=1644926501787:1236
（匿名） @ main.js?ts=1644926501787:1237
webpackJsonpCallback @ webpack.js?ts=1644926501787:1179
（匿名） @ main.js?ts=1644926501787:9
显示另外 3 个框架
hot-dev-client.js?98de:155