Formkit undefined _withMods in simple form

<template>
    <FormKit
type="form"
id="registrationForm"
@submit="handleSubmit"
:actions="false" >
      <FormKit
type="text"
name="name"
label="Name"
validation="required"
validation-label="Name"
placeholder="Enter your name"/>
  
      <FormKit
type="email"
name="email"
label="Email"
validation="required|email"
validation-label="Email"
placeholder="Enter your email"
      />
  
      <FormKit
        type="password"
        name="password"
        label="Password"
        validation="required|length:8"
        :validation-messages="{
          length: 'Password must be at least 8 characters long'
        }"
        validation-label="Password"
        placeholder="Create your password"
      />
  
      <FormKit
        type="password"
        name="confirmPassword"
        label="Confirm Password"
        validation="required|confirm"
        validation-label="Password Confirmation"
        placeholder="Confirm your password"
        :validation-rules="{ confirm: confirmPassword }"
        :validation-messages="{ 
          confirm: 'Passwords do not match'
        }"
      />
  
      <FormKit
        type="text"
        name="code"
        label="Verification Code"
        validation="required"
        validation-label="Code"
        placeholder="Enter verification code"
      />
      <FormKit
        type="submit"
        label="Register"
        input-class="submit-button"
      />
    </FormKit>
  </template>
  
  <script setup>
  const confirmPassword = (node) => {
    return node.value === node.at('..').value?.password
  }
  
  const handleSubmit = async (formData) => {
    try {
      console.log('Registration submitted:', formData)
      // Add your registration logic here
    } catch (error) {
      console.error('Registration error:', error)
    }
  }
  </script>