Fixed path alias.

jsconfig.json

@@ -1,5 +1,8 @@
 {
   "compilerOptions": {
-    "baseUrl": "./src"
+    "baseUrl": "./src",
+    "paths": {
+      "public/*": ["./public/*"]
+    }
   }
 }

src/components/hooks/useCountryNames.js

@@ -1,7 +1,7 @@
 import { useState, useEffect } from 'react';
 import { useRouter } from 'next/router';
 import { httpGet } from 'next-basics';
-import enUS from '../../../public/intl/country/en-US.json';
+import enUS from 'public/intl/country/en-US.json';
 
 const countryNames = {
   'en-US': enUS,

src/components/hooks/useLanguageNames.js

@@ -1,7 +1,7 @@
 import { useState, useEffect } from 'react';
 import { useRouter } from 'next/router';
 import { httpGet } from 'next-basics';
-import enUS from '../../../public/intl/country/en-US.json';
+import enUS from 'public/intl/country/en-US.json';
 
 const languageNames = {
   'en-US': enUS,

src/components/hooks/useLocale.js

@@ -5,7 +5,7 @@ import { LOCALE_CONFIG } from 'lib/constants';
 import { getDateLocale, getTextDirection } from 'lib/lang';
 import useStore, { setLocale } from 'store/app';
 import useForceUpdate from 'components/hooks/useForceUpdate';
-import enUS from '../../../public/intl/country/en-US.json';
+import enUS from 'public/intl/country/en-US.json';
 
 const messages = {
   'en-US': enUS,

src/components/metrics/RegionsTable.js

@@ -5,7 +5,7 @@ import useLocale from 'components/hooks/useLocale';
 import useMessages from 'components/hooks/useMessages';
 import useCountryNames from 'components/hooks/useCountryNames';
 import MetricsTable from './MetricsTable';
-import regions from '../../../public/iso-3166-2.json';
+import regions from 'public/iso-3166-2.json';
 
 export function RegionsTable({ websiteId, ...props }) {
   const { locale } = useLocale();