// lngDetector.js
import languageDetector from 'next-language-detector'
import i18nextConfig from '../next-i18next.config'
export default languageDetector({
  supportedLngs: i18nextConfig.i18n.locales,
  fallbackLng: i18nextConfig.i18n.defaultLocale
})

// redirect.js
import { useEffect } from 'react'
import { useRouter } from 'next/router'
import lngDetector from './lngDetector'
export const useRedirect = (to) => {
  const router = useRouter()
  to = to || router.asPath
  // language detection
  useEffect(() => {
    const detectedLng = lngDetector.detect()
    if (to.startsWith('/' + detectedLng) && router.route === '/404') {
      router.replace('/' + detectedLng + router.route)
      return
    }
    lngDetector.cache(detectedLng)
    router.replace('/' + detectedLng + to)
  })
  return <></>
}

// index.js
import { useRedirect } from '../lib/redirect';
export default function Redirect() {
  useRedirect();
  return <></>;
};