Testei aqui dessa maneira e funciona
import { Open_Sans } from 'next/font/google';
const openSans = Open_Sans({ subsets: ['latin'], weight: ['300', '400', '500', '600', '700', '800'] });
[...]
<div className={openSans.className}>
<Component {...pageProps} />
</div>
[...]