Update

React/test-git/package.json

@@ -6,6 +6,7 @@
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
+    "axios": "^1.6.3",
     "daisyui": "^4.4.14",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

React/test-git/src/components/users/UserSearch.js

@@ -6,13 +6,11 @@ export const UserSearch = () => {
   const [text, setText] = useState('')
   const { dispatch, users } = useContext(GitContext)
   const handleSubmit = async (e) => {
-    e.preventDefault()
-    console.log(getUsers(text))
-    await dispatch({
+    e.preventDefault()    
+    dispatch({
       type: 'GET_USERS',
       payload: await getUsers(text)
-    })
-    console.log(users)
+    })    
   }
 
   const handleChange = (e) => {

React/test-git/src/contexts/GtiAction.js

@@ -1,11 +1,14 @@
+import axios from 'axios'
+
 const GITHUB_URL = 'https://github.com/gitapi/'
+const axiosURL = axios.create({
+  baseURL: GITHUB_URL,
+  headers: {}
+})
 
 export const getUsers = async (text) => {
-  console.log(text)
-  const res = await fetch(GITHUB_URL + 'search/users?q=' + text)
-  const data = await res.json()
-  console.log(data.items)
-  return data
+  const res = axiosURL.get('search/users?q=' + text)    
+  return res.data.items
 }
 
 export const getUser = async (text) => {

React/test-git/src/pages/User.js

@@ -3,22 +3,26 @@ import { Link, useParams } from 'react-router-dom'
 import { FaUserFriends, FaUsers, FaCodepen, FaStore } from 'react-icons/fa'
 import { Repo } from '../components/repos/Repo'
 import GitContext from '../contexts/GitContext'
-import {getUser, getRepos} from '../contexts/GtiAction'
+import { getUser, getRepos } from '../contexts/GtiAction'
 
 export const User = () => {
   const { dispatch, user, repos } = useContext(GitContext)
   const params = useParams()
 
-  useEffect(() => {    
-    dispatch({
-      type: 'GET_USER',
-      payload: getUser(params.login)
-    })
+  useEffect(() => {
+    const getUserAndRepo = async () => {
+      dispatch({
+        type: 'GET_USER',
+        payload: await getUser(params.login)
+      })
 
-    dispatch({
-      type: 'GET_REPOS',
-      payload: getRepos(params.login)
-    })    
+      dispatch({
+        type: 'GET_REPOS',
+        payload: await getRepos(params.login)
+      })
+    }
+
+    getUserAndRepo()
   }, [])
 
   const {