Resolved: how to validate user name and password from given array of objects?

 const[customer,setCustomer]=useState([
    {name:'aaaaaa', password:'11111', balance:78000},
    {name:'bbbbbb', password:'22222', balance:5000},
    {name:'cccccc', password:'33333', balance:15000},
    {name:'dddddd', password:'44444', balance:1000000},
  ]);

const[name,setName]=useState('');
const[password,setPassword]=useState('');



<input onChange={(e)=>{setName(e.target.value)}} placeholder='user name'></input>
<inputonChange={(e)=>{setPassword(e.target.value)}} placeholder='password'></input>
<button onClick={valid}>Enter</button>```

const valid () => {
  let existsUser = customer.find((x) => (x.name === name && x.password === password))
  if(existsUser){
    alert('Navigate to new page')
  }
}