Estoy tratando de establecer rutas dinámicas para la traducción de páginas específicas en el próximo js usando i18next. El siguiente código funciona bien, pero está enrutando a todas las páginas y generando errores durante next build .

 const router = useRouter(); const path = router.route; <Link href={`/fr${path}`}> French </Link> <Link href={`/es${path}`}> Spanish </Link>

Quiero tener estas rutas de traducción dinámicas solo para 2 páginas, que es la página de inicio y la página de información. La otra solución sería separar el enlace de las rutas de traducción de la barra de navegación y tenerlo donde sea necesario. Pero quiero lograr esta traducción a través del componente de la barra de navegación para poder reutilizar el componente en cada página. ¿Hay alguna manera de abordar esto en un componente reutilizable?