Proper way of passing useForm to child

I am getting the error

(destructured parameter) is undefined

(destructured parameter) is undefined

Sentry says it comes from the

const formValues = props.form.useStore(state => state.values)

const formValues = props.form.useStore(state => state.values)

Can you spot what I am droing wrong? It works locally, but in production it fails:

<script setup lang="ts">
import type { LeadForm } from './index.vue'

type Props = {
  form: LeadForm
}

const props = defineProps<Props>()
const { form } = props // EDIT - this fixed it

const formValues = form.useStore(state => state.values)
</script>

<script setup lang="ts">
import type { LeadForm } from './index.vue'

type Props = {
  form: LeadForm
}

const props = defineProps<Props>()
const { form } = props // EDIT - this fixed it

const formValues = form.useStore(state => state.values)
</script>

TanStack•12mo ago•

4 replies

dead-brown

Proper way of passing useForm to child

I am getting the error

(destructured parameter) is undefined

(destructured parameter) is undefined

Sentry says it comes from the

const formValues = props.form.useStore(state => state.values)

const formValues = props.form.useStore(state => state.values)

Can you spot what I am droing wrong? It works locally, but in production it fails:

<script setup lang="ts">
import type { LeadForm } from './index.vue'

type Props = {
  form: LeadForm
}

const props = defineProps<Props>()
const { form } = props // EDIT - this fixed it

const formValues = form.useStore(state => state.values)
</script>

<script setup lang="ts">
import type { LeadForm } from './index.vue'

type Props = {
  form: LeadForm
}

const props = defineProps<Props>()
const { form } = props // EDIT - this fixed it

const formValues = form.useStore(state => state.values)
</script>

Proper way of passing useForm to child

Proper way of passing useForm to child

Similar Threads