@kanopi/pack-react NPM

Kanopi Pack - React Support

The Kanopi Pack React module adds support to Webpack for React development and linting. React and associated libraries (i.e. React DOM) are NOT included in this package. The intent is for each front-end application to select the appropriate version (React 16.13+, 17+, 18+) for their use case.

Linting Support

Kanopi Pack offers JSX/TSX linting support out of the box, though an ESLint configuration is required. ESLint configurations are scoped within a particular directory. If you place all of your React apps in the ./assets/src/react folder, ensure there is an .eslintrc.js file there, or in a directory above it.

Additional Configuration

Following are the configuration options available in addition to the Standard Kanopi Pack configuration:

Section: `devServer`

Structure

"devServer": {
    "react": {
        "enableOverlay": false
    }
}

Details

Setting	Default	Required?	Type	Usage
`react.enableOverlay`	false	No	Boolean	Enables the React Refresh overlay, redundant with the Webpack overlay so disabled by default.

Package Version Notes

Package	Version Limit	Reason
`chalk`	4.x	Version 5.x forward are ESM based, which is not easily compatible, staying on 4.x for CommonJS support
`type-fest`	3.x	Limited by version constrain of the `react-refresh-webpack-plugin`, which wants < 4.0.0