Form component does not allow the promise to be fulfilled

[miladsade96]

Hi there,
I have built a react app which uses supabase as its remote state. I have a database table called settings as follows:

I have set RLS for read and update for all users.

On the other hand inside my project, I use react-query and react-hook-form npm packages to manage the
remote state; to do so , i have written api functions for supabase and custom hook for react-query as follows:

And

I have built another component called UpdateSettingsForm as follows which uses settings table's data:

So far, everything is good, this is the screenshot of my app:

But when i am going to use the Form component, Like this:

I get this error: