Nuxt hydration node mismatch when using radio and checkbox together

[joshua1dg]

Reproduction

https://formkit.link/f08612efb8ea548b38031f6736328fe3

Describe the bug

hello, I'm on Nuxt and keep getting a hydration mismatch error with this simple form:

<FormKit
type="form"
:actions=false
>
    <FormKit
    type="radio"
    name="sort"
    :options="['Newest', 'Price: Low To High', 'Price: High to Low']"
    :value="'Newest'"
    />
    <FormKit
    type="checkbox"
    name="region"
    :options="['Africa', 'Antartica', 'Asia', 'Australia', 'Caribbean', 'Europe', 
        'Middle East', 'North America', 'Pacific Islands', 'South America']"
    />
</FormKit>

its complaining that a span somehow turned into a div for the class 'formkit-inner'

[Vue warn]: Hydration node mismatch:
- Client vnode: div 
- Server rendered DOM: <span class=​"formkit-inner">​…​</span>​  
  at <FormKitSchema schema= {if: '$slots.outer', then: '$slots.outer', else: {…}} data= {_value: RefImpl, attrs: {…}, disabled: undefined, describedBy: ComputedRefImpl, fns: {…}, …} library= {FormKit: {…}}  ... > 
  at <FormKit type="checkbox" name="region" options= (10) ['Africa', 'Antartica', 'Asia', 'Australia', 'Caribbean', 'Europe', 'Middle East', 'North America', 'Pacific Islands', 'South America'] > 
  at <FormKitSchema schema= 

If I remove the radio input and leave the checkboxes -when the checkboxes are supposedly the problem- the warning goes away

*NOTE: i pasted the code in the formkit playground link, but the issue doesn't show up since this issue occurs when using nuxt

Environment

• OS: macOS
• Browser: Chrome
• Using Nuxt