Using useRegister example, throws a type error.
I'm using the example provided that's listed under pages/customRegisterPage: https://refine.dev/docs/api-reference/core/hooks/authentication/useRegister/
I've removed any extra code that I added (just page styling) and used just the absolute basic example but I'm getting the following type error. Any idea what might be causing that?
useRegister | refine
useRegister data hook from refine is a modified version of react-query's useMutation for registration.
5 Replies
Hi @h3rrpie. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
It seems like you're getting a type error because the
onSubmit
event handler expects a FormEvent
instead of the RegisterVariables
type. You can fix this by using the event.preventDefault()
method and extracting the form values from the event target. Here's the updated onSubmit
function:
And here's the updated RegisterPage
component:
This should resolve the type error you're encountering.
----------------------
Note: you can ask me a follow up question by @ mentioning me again
:speech_balloon:
----------------------<@204362818592440323> kapa.ai is still learning and improving, please let us how it did by reacting below
subsequent-cyan•16mo ago
Ok great, is there any specific reason why the example might be different from the docs?
foreign-sapphire•16mo ago
it's a mistake 🤞🏻 we will fix our example code
subsequent-cyan•16mo ago
Sorry for the late response, and thanks for the update! Glad I wasn't missing something in particular myself. 🙂