Default Form Values from Query

useQuery

What is the best practice for initializing controlled form values from a

useQuery

useQuery

? I feel like it is:

const [localFormEdits, setLocalFormEdits] = useState({})
const { data } = useQuery(...)

const derivedFormValues = {
  ...data, 
  ...localFormEdits
}

// use derivedFormValues to render the form and as the save payload

const [localFormEdits, setLocalFormEdits] = useState({})
const { data } = useQuery(...)

const derivedFormValues = {
  ...data, 
  ...localFormEdits
}

// use derivedFormValues to render the form and as the save payload

Are there better approaches?

Default Form Values from Query

Similar Threads

Default Form Values from Query

Similar Threads

Similar Threads

Similar Threads