locale links

localesList.jsx

import React from 'react';
import Link from 'next/link';
import { useRouter } from 'next/dist/client/router';

export default function Test() {
  const { locales, asPath } = useRouter();
  return (
    <div>
      {locales.map((localeName) => {
        return (
          <div key={localeName}>
            <Link href={asPath} passHref locale={localeName}>
              <a>{localeName}</a>
            </Link>
          </div>
        );
      })}
    </div>
  );
}