Estoy tratando de transferir mi código a continuación de un proyecto a otro proyecto (CoreUI) que tiene reglas .eslintrc y .prettier . De todos modos, hacer eso (transferir código) me da un par de errores que no sé cómo solucionarlos. Por favor ayuda.
Nota : Encontré esta pregunta pero no sé cómo usar la solución para solucionar este problema.
Errores:
Line 13:11: 'notify' is missing in props validation react/prop-types
Line 13:19: 'setNotify' is missing in props validation react/prop-types
Line 26:20: 'notify.isOpen' is missing in props validation react/prop-types
Line 31:31: 'notify.type' is missing in props validation react/prop-types
Line 32:17: 'notify.message' is missing in props validation react/prop-types
El código:
import { Snackbar } from '@mui/material'
import React from 'react'
import { Alert } from '@material-ui/lab'
import { makeStyles } from '@material-ui/core'
const useStyles = makeStyles((theme) => ({
root: {
top: theme.spacing(8),
},
}))
export default function Notification(props) {
const { notify, setNotify } = props
const classes = useStyles()
const handleClose = (event, reason) => {
setNotify({
...notify,
isOpen: false,
})
}
return (
<Snackbar
className={classes.root}
open={notify.isOpen}
autoHideDuration={3000}
anchorOrigin={{ vertical: 'top', horizontal: 'right' }}
onClose={handleClose}
>
<Alert severity={notify.type} onClose={handleClose}>
{notify.message}
</Alert>
</Snackbar>
)
}
.eslintrc.js Código:
module.exports = {
// parser: '@typescript-eslint/parser',
parserOptions: {
ecmaVersion: 2020,
sourceType: 'module',
ecmaFeatures: {
jsx: true,
},
},
settings: {
react: {
version: 'detect',
},
},
extends: [
'react-app',
'react-app/jest',
'plugin:react/recommended',
'plugin:prettier/recommended',
],
plugins: ['react', 'react-hooks'],
rules: { },
}
En su archivo .eslintrc, agregue una regla para deshabilitar la validación del tipo de accesorios
rules: { "react/prop-types": 0 }
O agregue validación de tipo de apoyo para su componente
import PropTypes from 'prop-types';
//...
Notification.propTypes = {
notify: PropTypes.shape({
message: PropTypes.string,
type: PropTypes.string,
isOpen: PropTypes.bool
}),
setNotify: PropTypes.func
};