csr-next.js

import { useEffect, useState } from 'react';

const ClientSideApp = ({ children }) => {
    // Make Next OK with fully client-side rendering, as described in https://colinhacks.com/essays/building-a-spa-with-nextjs
    const [render, setRender] = useState(false);
    useEffect(() => setRender(true), []);
    return render ? children : null;
};

function App ({ Component, pageProps }) {
    return <ClientSideApp>
       <Component {...pageProps} />
    </ClientSideApp>;
}

export default App;