diff --git a/jsconfig.json b/jsconfig.json
index 738e8a46..f8124a20 100644
--- a/jsconfig.json
+++ b/jsconfig.json
@@ -1,5 +1,8 @@
 {
   "compilerOptions": {
-    "baseUrl": "./src"
+    "baseUrl": "./src",
+    "paths": {
+      "public/*": ["./public/*"]
+    }
   }
 }
diff --git a/src/components/hooks/useCountryNames.js b/src/components/hooks/useCountryNames.js
index cd46ee44..51cabf34 100644
--- a/src/components/hooks/useCountryNames.js
+++ b/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,
diff --git a/src/components/hooks/useLanguageNames.js b/src/components/hooks/useLanguageNames.js
index b684667a..afcb0ba6 100644
--- a/src/components/hooks/useLanguageNames.js
+++ b/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,
diff --git a/src/components/hooks/useLocale.js b/src/components/hooks/useLocale.js
index d84e1b4b..1374af81 100644
--- a/src/components/hooks/useLocale.js
+++ b/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,
diff --git a/src/components/metrics/RegionsTable.js b/src/components/metrics/RegionsTable.js
index eee57a14..2e260e41 100644
--- a/src/components/metrics/RegionsTable.js
+++ b/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();