react-material-ui-form-validator icon indicating copy to clipboard operation
react-material-ui-form-validator copied to clipboard

Hydration fail

Open charlesoestergaard opened this issue 2 years ago • 0 comments

Error: Hydration failed because the initial UI does not match what was rendered on the server.

How it was used:

    <ValidatorForm
                      className="mb-4"
                      onSubmit={() => console.log("Oprettet")}
                    >
                      <TextValidator
                        type="email"
                        label="E-mail"
                        autoComplete="email"
                        onChange={(e: any) => setEmail(e.target.value)}
                        className="w-full"
                        name="email"
                        value={email}
                        validators={["required", "isEmail"]}
                        errorMessages={[
                          "Dette felt er påkrævet",
                          "Din email er ikke gyldig",
                        ]}
                      />
                    </ValidatorForm>

Versions:
@mui/material: 5.10.11 next: 13.0.6 react: 18.2.0

charlesoestergaard avatar Jan 30 '23 11:01 charlesoestergaard