.eslintrc.js

module.exports = {
	extends: [ 'plugin:@woocommerce/eslint-plugin/recommended' ],
	globals: {
		_: false,
		Backbone: false,
		jQuery: false,
		wp: false,
		wc: false,
		wcSquareSettings: false,
	},
	settings: {
		jsdoc: { mode: 'typescript' },
		// List of modules that are externals in our webpack config.
		// This helps the `import/no-extraneous-dependencies` and
		//`import/no-unresolved` rules account for them.
		'import/core-modules': [
			'@woocommerce/blocks-registry',
			'@woocommerce/settings',
			'@wordpress/i18n',
			'@wordpress/element',
			'@woocommerce/block-templates',
		],
		'import/resolver': {
			node: {
				extensions: [ '.js', '.jsx', '.ts', '.tsx' ],
			},
		},
	},
	rules: {
		'no-console': 'off',
		'react/react-in-jsx-scope': 'off',
		'react-hooks/exhaustive-deps': 'off',
		'react-hooks/rules-of-hooks': 'off',
		'@woocommerce/dependency-group': 'off',
		camelcase: 'off',
		'@wordpress/i18n-text-domain': [
			'error',
			{
				allowedTextDomain: 'woocommerce-square',
			},
		],
	},
	overrides: [
		{
			files: [ '**/assets/blocks/**/**.js' ],
			globals: {
				jQuery: true,
				browser: true,
				wc: true,
			},
			rules: {
				camelcase: 'off',
				'no-alert': 'off',
				'no-shadow': 'off',
			},
		},
	],
};