Quiero iniciar sesión con el correo electrónico y la contraseña de la API. Si el correo electrónico y la contraseña en la API son correctos, inicie sesión. Cuando uso const adminUser, inicia sesión. Pero no sé cómo iniciar sesión con la API

Si el correo electrónico y la contraseña ingresados por el usuario son los mismos que el correo electrónico y la contraseña en mi API, quiero que se abra la página LoginPage.

 import React, { useState } from "react"; import LoginForm from "./LoginForm"; export default function LoginApp() { const adminUser = { email: "admin@admin.com", password: "123", }; const [user, setUser] = useState({ email: "", password: "" }); const [error, setError] = useState(""); const Login = (details) => { console.log(details); if (details.email === adminUser.email && details.password === adminUser.password) { console.log("Logged in") setUser({ email:details.email, password:details.password }) }else{ console.log() setError("Details do not match") } }; const Logout = () => { setUser({ email:"", password:"" }) }; return ( <div className="LoginApp"> {user.email !== "" ? ( <div className="welcome"> <h2> Welcome, <span>{user.email}</span> </h2> <button onClick={Logout}>Logout</button> </div> ) : ( <LoginForm Login={Login} error={error}/> )} </div> ); }