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
-
Hi! I have this
React does not recognize the
hideErrorprop 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