React using the if statement

Question

import React, {useState, useEffect} from "react";
import { useParams } from "react-router";

const User = () => {
const {id}=useParams();
const[ade, setAde]=useState(null)
const[err,setErr] =useState(null)

useEffect(() => {
fetch(`https://reqres.in/api/users/${id}`)

.then((response) => {
if(!response.ok){
setErr(response.status)
throw Error(response.status);
}
return(response)
})
.then((response) => response.json())
.then((info) => setAde(info.data));
.catch((error) => console.log(error));

}, [setAde])

// console.log(ade);

return(
<div>

{err != null ?( <p>you have encountered {err}</p>):
ade == null ? (
<p>loading...</p>
) : (

<div className="card">
<img src={ade.avatar} width="300"/>
<p>
Full name: {ade.first_name} {ade.last_name} {""}
</p>
<p>Email: {ade.email} </p>

</div>
)};

</div>

)
};

export default User;

Answer 1

Ifeoluwa Babatunde Your code have 2 errors:
1. Set setAde as useEffect dependancy, only need to put empty array, [] as effect for startup loading.
2. extra ';' in .then.catch statement.

https://code.sololearn.com/WZJJ80KnkzMS/?ref=app