TypeError: Cannot read property 'split' of undefined at L (get.ts:6)

[Dhanajayan]

create react app application using react-hook-form. After building for production, it throws TypeError: Cannot read property 'split' of undefined at L (get.ts:6) in useForm file.

  const { register, handleSubmit, errors } = useForm({
    mode: "onSubmit",
    reValidateMode: "onBlur",
  });

 <Form className="Login" onSubmit={handleSubmit(submitHandler)}>
        <h1 className="mb-4">Log in</h1>
        <FormGroup className={errors.email ? "mb-2" : "mb-4"}>
          <Label for="email" hidden>
            Email
          </Label>
          <Input
            type="text"
            data-test="component-field"
            name="email"
            innerRef={register({ required: true })}
            id="email"
            placeholder="Email"
            defaultValue={email}
            value={email}
            onChange={(e) => setEmail(e.target.value)}
          />
          {errors.email && (
            <span className="text-danger mb-1 p-1">This field is required</span>
          )}
        </FormGroup>{" "}
        <FormGroup className={errors.password ? "mb-2" : "mb-4"}>
          <Label for="password" hidden>
            Password
          </Label>
          <Input
            type="password"
            data-test="component-field"
            name="password"
            innerRef={register({ required: true })}
            defaultValue={password}
            id="password"
            placeholder="Password"
            value={password}
            onChange={(e) => setPassword(e.target.value)}
            ref={register({ required: true })}
          />
          {errors.password && (
            <span className="text-danger mb-1 p-1">This field is required</span>
          )}
        </FormGroup>{" "}
        <Button size="sm" className="wb-primary-button font-weight-bold">
          Login
        `</Button>`

[bluebill1049]

perhaps you want to read this section: https://react-hook-form.com/get-started#IntegratingwithUIlibraries the usage is wrong. there are two useful videos there as well.

[Dhanajayan]

Thanks for the quick reply. In the second form field, I used ref instead of innerRef.

[bluebill1049]

i think it's worth to learn Controller for MUI. next update we will have improved focus management as well.