Mounting Method SSR

mounting.js

import { useEffect, useState } from "react"

export default function Index(){
  const [mounted, setMounted] = useState(false)

  useEffect(() => {
    setMounted(true)
  })

  if (!mounted) {
    return null
  }

  return (
    <div>
      <h1>TESTING</h1>
    </div>
  )
}

Yep this fixed my Nextjs Hydration failed because the initial UI does not match what was rendered on the server. issue... 👍

Yep this fixed my Nextjs Hydration failed because the initial UI does not match what was rendered on the server. issue... 👍

That's great to hear! SSR can really be a pain sometimes, but it really does have it's benefits sometimes.