Solid Form

[vite] Error when evaluating SSR module src/routes/contactos.tsx?pick=default&pick=$css: failed to import "solid-forms"
|- /node_modules/.pnpm/solid-forms@0.4.8_solid-js@1.8.19/node_modules/solid-forms/dist/public-api/index.module.js:1
import { isAbstractControlContainer } from 'solid-forms/core';

[vite] Error when evaluating SSR module src/routes/contactos.tsx?pick=default&pick=$css: failed to import "solid-forms"
|- /node_modules/.pnpm/solid-forms@0.4.8_solid-js@1.8.19/node_modules/solid-forms/dist/public-api/index.module.js:1
import { isAbstractControlContainer } from 'solid-forms/core';

function ContactFormSection() {
  return (
    <form onSubmit={handleSubmit} class={'space-y-4'}>
      <BaseInput
        name={'name'}
        control={group.controls.name}
        id={group.controls.name.id.toString()}
      />

      <BaseInput
        type={'email'}
        name={'name'}
        control={group.controls.email}
        pattern={'^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+.[a-zA-Z0-9-.]+$'}
        id={group.controls.email.id.toString()}
      />

      <BaseInput
        type={'tel'}
        name={'phone'}
        control={group.controls.phone}
        pattern={'d{9}'}
        id={group.controls.phone.id.toString()}
      />

      <TextArea
        name={'message'}
        control={group.controls.message}
        id={group.controls.message.id.toString()}
      />

      <Checkbox name={'acceptance'} id={group.controls.acceptance.id.toString()}>
 I accept the terms and conditions
      </Checkbox>
    </form>
  );
}

function ContactFormSection() {
  return (
    <form onSubmit={handleSubmit} class={'space-y-4'}>
      <BaseInput
        name={'name'}
        control={group.controls.name}
        id={group.controls.name.id.toString()}
      />

      <BaseInput
        type={'email'}
        name={'name'}
        control={group.controls.email}
        pattern={'^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+.[a-zA-Z0-9-.]+$'}
        id={group.controls.email.id.toString()}
      />

      <BaseInput
        type={'tel'}
        name={'phone'}
        control={group.controls.phone}
        pattern={'d{9}'}
        id={group.controls.phone.id.toString()}
      />

      <TextArea
        name={'message'}
        control={group.controls.message}
        id={group.controls.message.id.toString()}
      />

      <Checkbox name={'acceptance'} id={group.controls.acceptance.id.toString()}>
 I accept the terms and conditions
      </Checkbox>
    </form>
  );
}