fix import svg files in components

custom.d.ts

@@ -0,0 +1,4 @@
+declare module '*.svg' {
+  const content: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+  export default content;
+}

src/pages/_error.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { NextPageContext, NextComponentType } from 'next';
 import Image from 'next/image';
 import notFounded from '../assets/svg/404.svg';

src/pages/communityHealth.tsx

@@ -5,7 +5,7 @@ import SEO from '../components/global/SEO';
 function communityHealth() {
   return (
     <>
-      <SEO titleTemplate="Member interactions" />
+      <SEO titleTemplate="Community Health" />
       <div className="flex flex-col container justify-between px-4 md:px-12 py-3">
         communityHealth
       </div>

src/pages/membersInteraction.tsx

@@ -142,7 +142,7 @@ export default function membersInteraction() {
 
   return (
     <>
-      <SEO titleTemplate="Member interactions" />
+      <SEO titleTemplate="Member Interactions" />
       <div className="flex flex-col container justify-between px-4 md:px-12 py-3">
         <Link to="/" className="mb-3">
           <div className="flex items-center text-gray-subtitle text-base hover:text-black">

src/pages/statistics.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import moment from 'moment';
 
 import CustomTab from '../components/global/CustomTab';

tsconfig.json

@@ -20,7 +20,9 @@
     "**/*.ts",
     "**/*.tsx",
     "jest.config.js",
-    "jest.setup.js"
+    "jest.setup.js",
+    "src/components",
+    "custom.d.ts"
   ],
   "exclude": ["node_modules", "./src/components/global/CustomDatePicker.tsx"]
 }