react-dom.development.js:507 Warning: React does not recognize the errorText prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase errortext instead. If you accidentally passed it from a parent component, remove it from the DOM element.

[orassayag]

Following code:

 <VeasyForm
                       schema={this.formSchema}
                       allState={this.state}
                       update={(state) => this.setState(state)}
                       onSubmit={this.tryLogin}
                     >
                       <Grid
                         container
                         spacing={2}
                         justify="center"
                         alignItems="center"
                       >
                         <Grid item xs={10}>
                           <Typography className="LeftTitle">
                             Sing In
                           </Typography>
                         </Grid>
                         <Grid item xs={10}>
                           <TextField
                             variant="outlined"
                             className="InputBox"
                             autoFocus
                             name="email"
                             placeholder="Email"
                             type="text"
                             InputProps={{
                               startAdornment: (
                                 <InputAdornment position="start">
                                   <PersonIcon />
                                 </InputAdornment>
                               ),
                             }}
                           />
                         </Grid>
                         <Grid item xs={10}>
                           <TextField
                             variant="outlined"
                             className="InputBox"
                             name="password"
                             placeholder="Password"
                             type="password"
                             InputProps={{
                               startAdornment: (
                                 <InputAdornment position="start">
                                   <LockIcon />
                                 </InputAdornment>
                               ),
                             }}
                           />
                         </Grid>
                         <Grid item xs={10}>
                           <Grid
                             container
                             justify="center"
                             alignItems="center"
                           >
                             <p className={this.state.serverResponse === '' ? 'hidden' : 'error'}>
                               {this.state.serverResponse}
                             </p>
                             <p className={this.state.loggedOutReason === '' ? 'hidden' : 'error'}>
                               {this.state.loggedOutReason}
                             </p>
                             <Grid item xs={6}>
                               <Button
                                 type="submit"
                                 className="Button"
                                 disabled={!this.state.isFormOK || !this.state.versionSet}
                               >
                                 Login
                               </Button>
                             </Grid>
                             <Grid item xs={6} align="right">
                               <Button
                                 className="NonColorButton"
                                 variant="text"
                                 onClick={() => this.props.history.push('/forgot-password')}
                               >
                                 Forgot password?
                               </Button>
                             </Grid>
                           </Grid>
                         </Grid>
                         <Grid item xs={10}>
                           <Grid
                             container
                             alignItems="flex-start"
                           >
                             <Grid item xs={10}>
                               <Typography className="LinkLabel">
                                 New to AnyClip?
                                 <Link
                                   className="SubLinkLabel"
                                   style={!this.state.link ? { cursor: 'wait' } : {}}
                                   href={this.state.link || '#'}
                                 >
                                   Get started now
                                 </Link>
                               </Typography>
                             </Grid>
                           </Grid>
                         </Grid>
                       </Grid>
                     </VeasyForm>

Getting this error:
react-dom.development.js:507 Warning: React does not recognize the errorText prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase errortext instead. If you accidentally passed it from a parent component, remove it from the DOM element.
in div (created by ForwardRef(FormControl))
in ForwardRef(FormControl) (created by WithStyles(ForwardRef(FormControl)))
in WithStyles(ForwardRef(FormControl)) (created by ForwardRef(TextField))
in ForwardRef(TextField) (created by WithStyles(ForwardRef(TextField)))
in WithStyles(ForwardRef(TextField)) (at Login.jsx:228)
in div (created by ForwardRef(Grid))
in ForwardRef(Grid) (created by WithStyles(ForwardRef(Grid)))
in WithStyles(ForwardRef(Grid)) (at Login.jsx:227)
in div (created by ForwardRef(Grid))
in ForwardRef(Grid) (created by WithStyles(ForwardRef(Grid)))
in WithStyles(ForwardRef(Grid)) (at Login.jsx:216)
in form (created by VeasyForm)
in VeasyForm (at Login.jsx:210)
in div (created by ForwardRef(Grid))
in ForwardRef(Grid) (created by WithStyles(ForwardRef(Grid)))
in WithStyles(ForwardRef(Grid)) (at Login.jsx:209)
in div (created by ForwardRef(Grid))
in ForwardRef(Grid) (created by WithStyles(ForwardRef(Grid)))
in WithStyles(ForwardRef(Grid)) (at Login.jsx:208)
in div (created by ForwardRef(Paper))
in ForwardRef(Paper) (created by WithStyles(ForwardRef(Paper)))
in WithStyles(ForwardRef(Paper)) (at Login.jsx:207)
in div (created by ForwardRef(Grid))
in ForwardRef(Grid) (created by WithStyles(ForwardRef(Grid)))
in WithStyles(ForwardRef(Grid)) (at Login.jsx:199)
in div (created by ForwardRef(Grid))
in ForwardRef(Grid) (created by WithStyles(ForwardRef(Grid)))
in WithStyles(ForwardRef(Grid)) (at Login.jsx:198)
in div (created by ForwardRef(Grid))
in ForwardRef(Grid) (created by WithStyles(ForwardRef(Grid)))
in WithStyles(ForwardRef(Grid)) (at Login.jsx:197)
in div (created by ForwardRef(Grid))
in ForwardRef(Grid) (created by WithStyles(ForwardRef(Grid)))
in WithStyles(ForwardRef(Grid)) (at Login.jsx:190)
in Login (created by Route)
in Route (at appRoute.js:61)
in Switch (at appRoute.js:60)
in div (at appRoute.js:59)
in App (created by Route)
in Route (created by withRouter(App))
in withRouter(App) (created by Root)
in RouterToUrlQuery (created by Root)
in Router (created by BrowserRouter)
in BrowserRouter (created by Root)
in Provider (at appRoute.js:55)
in MDXProvider (created by BaseProvider)
in BaseProvider (created by RootProvider)
in RootProvider (created by ThemeProvider)
in ThemeProvider (at appRoute.js:54)