Componente TextField Material UI

gistfile1.js

  <TextField
                onChange={handleChange}
                value={values.url}
                fullWidth
                name="url"
                error={!isValid}
                placeholder=" Shorten a link here..."
                variant="outlined"
                size="small"
                inputProps={{
                  "data-testid": "url-input",
                  style: {
                    backgroundColor: "white",
                    fontWeight: "bold"
                  }
                }}
              />
              {errors.url && (
                <FormHelperText
                  data-testid="url-error-message"
                  className={classes.helperTextUrl}
                >
                  {errors.url && touched.url && `${errors.url}`}
                </FormHelperText>
              )}