Do i use useRef or what?

When you submit you can receive FormData. Is that what you mean?

Here's an example:
https://github.com/mtnoronha/nextjs-playground/blob/main/components/UserForm.tsx#L19

No, when a form has any value, like a letter in it

I want to recreate a component that MUI has, where a placeholder moves above the input field when it's active

I want to recreate this

I think you could use this event handler to remove/add a custom CSS class and make sure to have the transition value so it animates back and forth

Sorry it would be better to use
focusin and focus out to listen for when the user clicks on it/leaves

I know that already, but that doesn't count when there is a value in field

Couldnt you add an extra check like add the event listener
then also add a if condition in the function
e.g

if (!!e.input.value) { return }
//else remove the class

Hmm okay, will try in a bit

Thanks it works