404 fix and Added validation npm scripts

Author: luistak

package.json

@@ -18,7 +18,9 @@
     "lint": "eslint --ignore-path .gitignore .",
     "format": "prettier --ignore-path .gitignore --write \"**/*.+(ts|tsx|json)\"",
     "test": "npx jest",
-    "test:watch": "yarn test --watch"
+    "test:watch": "yarn test --watch",
+    "test:coverage": "yarn test --coverage",
+    "validate": "yarn lint && yarn test && yarn build"
   },
   "dependencies": {
     "next": "10.0.0",
@@ -50,4 +52,4 @@
     "prettier": "^2.1.2",
     "typescript": "^4.1.0-beta"
   }
-}
+}

pages/404.tsx

@@ -1,17 +1,18 @@
 import { NextPage } from 'next';
 import Link from 'next/link';
-import { Translate } from 'i18n';
+import { useI18n } from 'i18n';
 import { PageTemplate } from 'components/template';
 
-type NotFoundProps = {
-  t: Translate;
+const NotFound: NextPage = () => {
+  const { t } = useI18n();
+
+  return (
+    <PageTemplate t={t} title={t(404)} meta={{ description: t(404) }}>
+      <h1>🤔 404</h1>
+      <p>{t(404)}</p>
+      <Link href="/">{t('backtohome')}</Link>
+    </PageTemplate>
+  );
 };
-const NotFound: NextPage<NotFoundProps> = ({ t }) => (
-  <PageTemplate t={t} title={t(404)} meta={{ description: t(404) }}>
-    <h1>🤔 404</h1>
-    <p>{t(404)}</p>
-    <Link href="/">{t('backtohome')}</Link>
-  </PageTemplate>
-);
 
 export default NotFound;

pages/_app.tsx

@@ -1,13 +1,9 @@
-import type { AppProps } from 'next/app';
-import { Translate } from 'i18n';
 import { useEffect } from 'react';
+import type { AppProps } from 'next/app';
+
 import * as gtag from 'lib/gtag';
 
-type CustomProps = {
-  t: Translate;
-};
-function MyApp({ Component, pageProps, router }: AppProps<CustomProps>) {
-  const { locale } = router;
+function App({ Component, pageProps, router }: AppProps) {
   useEffect(() => {
     const handleRouteChange = (url: string) => {
       gtag.pageview(url);
@@ -21,4 +17,4 @@ function MyApp({ Component, pageProps, router }: AppProps<CustomProps>) {
   return <Component {...pageProps} />;
 }
 
-export default MyApp;
+export default App;