DEV Community

Cover image for "Tackling Next.js Hydration Errors: 10 Quick Tips"

"Tackling Next.js Hydration Errors: 10 Quick Tips"

Sarwar Hossain on January 28, 2024

1.HTML Nesting Consistency: Ensure consistent HTML nesting between server and client renders to avoid Next.js hydration errors. Use next/dynamic...
Collapse
 
sarwarasik profile image
Sarwar Hossain • Edited

Another solution for condition purpose

Image description`

`
import React from 'react'

export default function ViewsAdminQuizPage({params}:{params:{id:string}}) {

const [isClient, setClient] = useState(false);

useEffect(() => {
setClient(true);
}, []);

return (





{isClient && } /// used isClient



{isClient && user?.role ? (



) } /// used isClient



)

}

`