fix: propagating props which come from parent component

fix: propagating props which come from parent component

.eslintrc.json

@@ -1,21 +1,15 @@
 {
-    "root": true,
-    "parser": "babel-eslint",
-    "extends": [
-        "eslint:recommended",
-        "plugin:react/recommended",
-        "airbnb"
-    ],
-    "settings": {
-        "import/extensions": [
-            ".js",
-            ".jsx",
-            ".ts",
-            ".tsx"
-        ]
-    },
-    "rules": {
-        "import/extensions": "off",
-        "import/no-unresolved": "off"
-    }
-}
+  "root": true,
+  "parser": "babel-eslint",
+  "extends": ["eslint:recommended", "plugin:react/recommended", "airbnb"],
+  "settings": {
+    "import/extensions": [".js", ".jsx", ".ts", ".tsx"]
+  },
+  "rules": {
+    "import/extensions": "off",
+    "import/no-unresolved": "off",
+    "react/jsx-props-no-spreading": "off",
+    "max-len": "off",
+    "object-curly-newline": "off"
+  }
+}

src/FormattedMessage.jsx

@@ -8,7 +8,7 @@ const FormattedMessage = (props) => (
       /**
        * We get the text to be injected from react's context. Here its TextContext
        */
-      const { id, values, alt } = props;
+      const { id, values, alt, ...restProps } = props;
       /* eslint-disable-next-line react/destructuring-assignment */
       let messageString = Object.prototype.hasOwnProperty.call(context, id) ? context[id] : alt;
       /**
@@ -24,7 +24,9 @@ const FormattedMessage = (props) => (
         fontSize: 'inherit',
       };
       /* eslint-disable react/no-danger */
-      return <span style={style} dangerouslySetInnerHTML={{ __html: messageString }} />;
+      return (
+        <span style={style} dangerouslySetInnerHTML={{ __html: messageString }} {...restProps} />
+      );
     }}
   </TextContext.Consumer>
 );