I am working with Reactjs(Nextjs),whenever i use "body" tag for other pages(like about.js),then i am gettig foloowing error "Hydration failed because the initial UI does not match what was rendered on the server",But if i use "div" instead of "body" then error not showing but effected my "design" (in browser),So i want to know that how can we use "body"(already meniton in document.js), Here is my code(Header.js inside "components" folder)
import React from 'react'
function NestedLayout() {
return (
<>
<>
<body class="sub_page">
//My further code
</body>
</>
</>