Como você tá com o Next.js 15
, talvez seja uma boa tentar com algum desses jeitos:
Lado do Server:
import { headers } from 'next/headers';
export default function TuaPágina() {
const listaDosHeaders = headers();
const acceptLanguage = headersList.get('accept-language');
const linguaATUAL = acceptLanguage?.split(',')[0] || 'en';
return (
<div>
<p>Lingua: {language}</p>
</div>
);
}
Lado do Cliente
'use client'
import { useState, useEffect } from 'react'
export default function TuaPagina() {
const [linguaDoUser, setLinguaDoUser] = useState('en');
useEffect(() => {
setLinguaDoUser(navigator.language || 'en');
}, []);
return (
<div>
<p>Lingua: {linguaDoUser}</p>
</div>
);
}
Algo assim!