Hi, I have a <input /> element for which I generate a placeholder that is a random city in the world. I have an array of around 50 cities and it chooses one at random each time the input is rendered:

   const placeholderLocation = useMemo(() => {
        return randomLocationName();
    }, []);

And then:

<input placeholder={placeholderLocation}/>

What can I do to fix this error message I am getting? I alredy have "use client" at the top of this file