utils like fetcher URL etc

.env.production

@@ -0,0 +1 @@
+VITE_APP_URL="http://localhost:9000/api/cats"

.gitignore

@@ -3,4 +3,5 @@ node_modules
 dist
 dist-ssr
 *.local
-.env
+.env
+.production

package.json

@@ -15,6 +15,7 @@
     "react-router-dom": "^6.2.1"
   },
   "devDependencies": {
+    "@types/node": "^17.0.5",
     "@types/react": "^17.0.33",
     "@types/react-dom": "^17.0.10",
     "@vitejs/plugin-react": "^1.0.7",

src/components/Hero/Hero.tsx

@@ -30,6 +30,10 @@ const images = [
 export default function Hero() {
   const [searchText, setSearchText] = React.useState('')
 
+  React.useEffect(() => {
+    if (!searchText.length) return
+  }, [searchText])
+
   return (
     <main className="font-brand">
       <div className="rounded-t-[42px] w-100% lg:bg-hero-lg md:bg-hero-md sm:bg-hero-sm h-auto object-contain border-current mt-10 pb-32 pt-4">

src/types/index.ts

@@ -0,0 +1,5 @@
+export type FetcherType = (
+  url: string,
+  method: string,
+  payload: object,
+) => Promise<any>

src/utils/index.ts

@@ -0,0 +1,20 @@
+import {FetcherType} from '../types'
+
+export const URL = import.meta.env.VITE_APP_URL
+
+export const fetcher: FetcherType = async (url, method = 'GET', payload) => {
+  try {
+    const data = await (
+      await fetch(url, {
+        method,
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify(payload),
+      })
+    ).json()
+    return data
+  } catch (err) {
+    console.error(err)
+  }
+}

yarn.lock

@@ -353,6 +353,11 @@
     "@svgr/hast-util-to-babel-ast" "^6.0.0"
     svg-parser "^2.0.2"
 
+"@types/node@^17.0.5":
+  version "17.0.5"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-17.0.5.tgz#57ca67ec4e57ad9e4ef5a6bab48a15387a1c83e0"
+  integrity sha512-w3mrvNXLeDYV1GKTZorGJQivK6XLCoGwpnyJFbJVK/aTBQUxOCaa/GlFAAN3OTDFcb7h5tiFG+YXCO2By+riZw==
+
 "@types/parse-json@^4.0.0":
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"