import { useState, useEffect } from "react";
 
export default function App() {
  const [isClient, setIsClient] = useState(false);
 
  useEffect(() => {
    setIsClient(true);
  }, []);
 
  return <h1>{isClient ? "This is never prerendered" : "Prerendered"}</h1>;
}

import dynamic from "next/dynamic";
 
const NoSSR = dynamic(() => import("../components/no-ssr"), { ssr: false });
 
export default function Page() {
  return (
    <div>
      <NoSSR />
    </div>
  );
}