Inline hook state change causing error “Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.”

Question

I am using useState hook and I have assigned a default value of "single" using the current code:

const [mode, setMode] = useState("single"