Untitled

 <form name="form" id="form" onSubmit={handleSubmit(onSubmit)}>
                <TextInputField
                    width={200}
                    label="Nome completo *"
                    placeholder="Ex: Fulano da Silva"
                    isInvalid={errors.nome ? true : false}
                    validationMessage={errors.nome?.message}
                    defaultValue={usuario.nome === '' ? '' : usuario.nome}
                    {...register('nome',
                        { required: "Campo obrigatório" }
                    )}
                    onChange={(e) => handleChangeForm(e)}
                    className="nome"
                />

                <TextInputField
                    width={200}
                    label="E-mail"
                    placeholder="Ex: fulano@teste.com"
                    isInvalid={errors.email ? true : false}
                    validationMessage={errors.email?.message}
                    defaultValue={usuario.email}
                    {...register('email', {
                            required: "Campo obrigatório",
                            pattern: {
                                value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,
                                message: "Formato de e-mail inválido"
                            }
                        }
                    )}
                    onChange={(e) => handleChangeForm(e)}
                    className="email"
                />

                <TextInputField
                    width={200}
                    label="Senha"
                    placeholder="Ex: Ful@no#"
                    isInvalid={errors.senha ? true : false}
                    validationMessage={errors.senha?.message}
                    defaultValue={usuario.senha}
                    {...register('senha', { required: "Campo obrigatório" })}
                    onChange={(e) => handleChangeForm(e)}
                    className="senha"
                />

                <TextInputField
                    width={200}
                    label="CPF *"
                    placeholder="Ex: 000.000.000-00"
                    className="cpf"
                    defaultValue={usuario.cpf}
                    isInvalid={errors.cpf ? true : false}
                    validationMessage={errors.cpf?.message}
                    {...register('cpf',
                        {
                            required: "Campo obrigatório",
                        })
                    }
                    maxLength={14}
                    onChange={(e) => handleChangeForm(e)}
                    className="cpf"
                />

                <SelectField
                    label="Estado"
                    description=""
                    isInvalid={errors.estado ? true : false}
                    validationMessage={errors.email?.message}
                    width={200}
                    {...register('estado', { required: "Campo obrigatório" })}
                    defaultValue={usuario.estado}
                    onChange={(e) => handleChangeForm(e)}
                    className="estado"
                >
                    <option value="" hidden>Selecione</option>
                    <option value="1">Rio de Janeiro</option>
                    <option value="2">São Paulo</option>
                    <option value="3">Minas Gerais</option>
                </SelectField>

                <Label htmlFor="textarea-2" marginBottom={4} display="block">
                    Observação
                </Label>
                <Textarea
                    id="textarea-2"
                    placeholder="Digite alguma coisa..."
                    defaultValue={usuario.observacao}
                    onChange={(e) => handleChangeForm(e)}
                    className="observacao"
                />

                <Button
                    type="submit"
                    marginRight={16}
                    appearance="primary"
                    className="btn"
                >
                        Salvar
                </Button>
            </form>