React does not recognize the hideError prop on a DOM element.
#3973
marharytaCh
started this conversation in
General
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
Hi! I have this
React does not recognize thehideErrorprop on a DOM element.error when using RJSF. As soon as create Form with shema and validator I have this issue in console.This is my Form
<Form schema={logInSchema} uiSchema={uiLogInSchema} onSubmit={({ formData }, event) => onSubmit(formData, event)} validator={validator} showErrorList={false} transformErrors={transformErrors} > <> <Link to={'/forgot-password'}>Forgot password?</Link> <Button type={'submit'} variant={'contained'} color={'primary'} fullWidth> Sign In </Button> </> </Form>`
function transformErrors(errors: any[]) { const updatedErrors = errors.map((error) => { const errorMessage = errorConf[error.name as keyof typeof errorConf]; if (error.name) { return { ...error, message: errorMessage, }; } else { return null; } }); return updatedErrors; }`const schema: RJSFSchema = {
properties: {
email: {
type: 'string',
format: 'email',
title: 'Email',
},
password: {
type: 'string',
title: 'Password',
},
},
required: ['email', 'password'],
};
const uiSchema: UiSchema = {
email: {
'ui:widget': 'email',
'ui:options': {
inputType: 'email',
},
},
password: {
'ui:widget': 'password',
},
};`
Beta Was this translation helpful? Give feedback.
All reactions