How do I solved this error in my code?

See more:

Javascript

Node.js

//I try to write tic toc toe with react-redux,but my code in the vscode is not work.
//this message in terminal:

React Hook useEffect contains a call to 'setuser'. Without a list of dependencies,
this can lead to an infinite chain of updates.
To fix this, pass [props.xisNext] as a second argument to the useEffect Hook

What I have tried:

function Square(props){
    const [user,setuser]=useState(props.xisNext);
    function handleclick(){
      props.addPerson(props.id)
    }
    useEffect(()=>{
      setuser(props.xisNext)  
    })
  return(
    <button 
      onClick={handleclick}
    >{user[props.id]} 
    </button>
  )
}