Whitelist qe unknown properties on HTML elements.

Author: Hyperkid123

.eslintrc.js

@@ -11,9 +11,13 @@ module.exports = {
   rules: {
     'no-prototype-builtins': 'off',
     'import/prefer-default-export': ['error'],
-    'sort-imports': [2, {
-      'ignoreDeclarationSort': true,
-    }]
+    'sort-imports': [
+      2,
+      {
+        ignoreDeclarationSort: true,
+      },
+    ],
+    'react/no-unknown-property': ['error', { ignore: ['widget-type', 'widget-id', 'page-type', 'ouiaId'] }],
   },
   overrides: [
     {

packages/charts/src/Matrix/Matrix.js

@@ -78,7 +78,7 @@ class Matrix extends Component {
       labels,
     } = this.props;
     return (
-      <div identifier={this.props.identifier} className="ins-matrix-chart" widget-type="InsightsMatrix" widget-id={this.props.identifier}>
+      <div className="ins-matrix-chart" widget-type="InsightsMatrix" widget-id={this.props.identifier}>
         <svg width={size} height={size} ref={(ref) => (this.ref = ref)}>
           <Axis size={gridSize} pad={pad} shift={shift}>
             {Object.values(data).map((oneSegment, key) => (

packages/charts/src/Matrix/__snapshots__/Matrix.test.js.snap

@@ -3,7 +3,6 @@
 exports[`Pie component should render correctly 1`] = `
 <div
   className="ins-matrix-chart"
-  identifier="test-matrix"
   widget-id="test-matrix"
   widget-type="InsightsMatrix"
 >
@@ -219,7 +218,6 @@ exports[`Pie component should render correctly 1`] = `
 exports[`Pie component should render with config 1`] = `
 <div
   className="ins-matrix-chart"
-  identifier="test-matrix"
   widget-id="test-matrix"
   widget-type="InsightsMatrix"
 >
@@ -435,7 +433,6 @@ exports[`Pie component should render with config 1`] = `
 exports[`Pie component should render with labels 1`] = `
 <div
   className="ins-matrix-chart"
-  identifier="test-matrix"
   widget-id="test-matrix"
   widget-type="InsightsMatrix"
 >