Form validation not working as example from docs

[learningnoobi]

I am trying to use form validation. I am getting Uncaught TypeError: formRef.value?.validate is not a function

const formRef = ref(null);

const rules ={
        user: {
          name: {
            required: true,
            message: 'Please input your name',
            trigger: 'blur'
          },
          age: {
            required: true,
            message: 'Please input your age',
            trigger: ['input', 'blur']
          }
        },
        phone: {
          required: true,
          message: 'Please input your number',
          trigger: ['input']
        }
      }

const formValue= ref({
        user: {
          name: '',
          age: ''
        },
        phone: ''
      })

function handleValidateClick (e: MouseEvent) {
        e.preventDefault()
        console.log(formRef.value)
        formRef.value?.validate((errors) => {
          if (!errors) {
            console.log('Valid')
          } else {
            console.log(errors)
          }
        })
      }

 <n-form
    ref="formRef"
    inline
    :label-width="80"
    :model="formValue"
    :rules="rules"
  >
    <n-form-item label="Name" path="user.name">
      <n-input v-model:value="formValue.user.name" placeholder="Input Name" />
    </n-form-item>
    <n-form-item label="Age" path="user.age">
      <n-input v-model:value="formValue.user.age" placeholder="Input Age" />
    </n-form-item>
    <n-form-item label="Phone" path="phone">
      <n-input v-model:value="formValue.phone" placeholder="Phone Number" />
    </n-form-item>
    <n-form-item>
      <n-button @click="handleValidateClick">
        Validate
      </n-button>
    </n-form-item>
  </n-form>

These are the code from docs. But I am not getting results as expected.