jsx: force key

Author: Laoujin

frontend/.eslintrc.json

@@ -49,7 +49,11 @@
     "react/jsx-closing-bracket-location": ["error"],
     "react/jsx-curly-brace-presence": ["error", "never"],
     "react/jsx-curly-newline": ["error", "consistent"],
-    "react/jsx-curly-spacing": ["error"]
+    "react/jsx-curly-spacing": ["error"],
+    "react/jsx-equals-spacing": "error",
+    "react/jsx-first-prop-new-line": ["error", "multiline"],
+    "react/jsx-fragments": "error",
+    "react/jsx-key": "error"
   },
   "overrides": [
     {

frontend/src/components/controls/email/EmailForm.tsx

@@ -29,7 +29,7 @@ export const EmailForm = ({value, onChange, attachmentsAvailable, textEditorRepl
   let getToolbarCustomButtons: (editorState: EditorState) => JSX.Element[] = () => [];
   if (textEditorReplacements && textEditorReplacements.length) {
     getToolbarCustomButtons = (editorState: EditorState) => (
-      [<TextEditorReplacements editorState={editorState} replacements={textEditorReplacements} />]
+      [<TextEditorReplacements key="replacements" editorState={editorState} replacements={textEditorReplacements} />]
     );
   }
 

frontend/src/components/invoice/controls/InvoiceReplacementsTextEditor.tsx

@@ -8,7 +8,7 @@ type InvoiceReplacementsTextEditorProps = BaseInputProps<string>;
 
 export const InvoiceReplacementsTextEditor = (props: InvoiceReplacementsTextEditorProps) => {
   const getToolbarCustomButtons = (editorState: EditorState) => (
-    [<TextEditorReplacements editorState={editorState} replacements={invoiceReplacementsPopoverConfig} />]
+    [<TextEditorReplacements key="replacements" editorState={editorState} replacements={invoiceReplacementsPopoverConfig} />]
   );
 
   return (