diff --git a/docs/rules/jsx-no-invalid-rel.md b/docs/rules/jsx-no-invalid-rel.md
index 7bdf973fa6..3792aa6249 100644
--- a/docs/rules/jsx-no-invalid-rel.md
+++ b/docs/rules/jsx-no-invalid-rel.md
@@ -1,6 +1,8 @@
 # Prevent usage of invalid `rel` (react/jsx-no-invalid-rel)
 
-The JSX elements: `a`, `area`, `link`, or `form` all have a attribute called `rel`. There is is fixed list of values that have any meaning on these tags (see [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)). To help with minimizing confusion while reading code, only the appropriate values should be on each attribute.
+The JSX elements: `a`, `area`, `link`, or `form` all have an attribute called `rel`.
+There is is fixed list of values that have any meaning on these tags (see [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)).
+To help with minimizing confusion while reading code, only the appropriate values should be on each attribute.
 
 ## Rule Details
 
diff --git a/lib/rules/jsx-no-invalid-rel.js b/lib/rules/jsx-no-invalid-rel.js
index 7c203c2228..271e9d0412 100644
--- a/lib/rules/jsx-no-invalid-rel.js
+++ b/lib/rules/jsx-no-invalid-rel.js
@@ -40,9 +40,8 @@ const standardValues = new Map(Object.entries({
 }));
 const components = new Set(['link', 'a', 'area', 'form']);
 
-function splitIntoRangedParts(node) {
+function splitIntoRangedParts(node, regex) {
   const res = [];
-  const regex = /\s*([^\s]+)/g;
   const valueRangeStart = node.range[0] + 1; // the plus one is for the initial quote
   let match;
 
@@ -64,7 +63,7 @@ function checkLiteralValueNode(context, node, parentNodeName) {
   if (typeof node.value !== 'string') {
     return context.report({
       node,
-      messageId: 'onlyStrings',
+      message: '"rel" attribute only supports strings.',
       fix(fixer) {
         return fixer.remove(node.parent.parent);
       }
@@ -74,23 +73,20 @@ function checkLiteralValueNode(context, node, parentNodeName) {
   if (!node.value.trim()) {
     return context.report({
       node,
-      messageId: 'emptyRel',
+      message: 'An empty "rel" attribute is meaningless.',
       fix(fixer) {
         return fixer.remove(node);
       }
     });
   }
 
-  const parts = splitIntoRangedParts(node);
+  const parts = splitIntoRangedParts(node, /([^\s]+)/g);
   for (const part of parts) {
     const allowedTags = standardValues.get(part.value);
     if (!allowedTags) {
       context.report({
         node,
-        messageId: 'realRelValues',
-        data: {
-          value: part.reportingValue
-        },
+        message: `${part.reportingValue} is never a valid "rel" attribute value.`,
         fix(fixer) {
           return fixer.removeRange(part.range);
         }
@@ -98,17 +94,26 @@ function checkLiteralValueNode(context, node, parentNodeName) {
     } else if (!allowedTags.has(parentNodeName)) {
       context.report({
         node,
-        messageId: 'matchingRelValues',
-        data: {
-          value: part.reportingValue,
-          tag: parentNodeName
-        },
+        message: `${part.reportingValue} is not a valid "rel" attribute value for <${parentNodeName}>.`,
         fix(fixer) {
           return fixer.removeRange(part.range);
         }
       });
     }
   }
+
+  const whitespaceParts = splitIntoRangedParts(node, /(\s+)/g);
+  for (const whitespacePart of whitespaceParts) {
+    if (whitespacePart.value !== ' ' || whitespacePart.range[0] === (node.range[0] + 1) || whitespacePart.range[1] === (node.range[1] - 1)) {
+      context.report({
+        node,
+        message: '"rel" attribute values should be space delimited.',
+        fix(fixer) {
+          return fixer.removeRange(whitespacePart.range);
+        }
+      });
+    }
+  }
 }
 
 module.exports = {
@@ -118,13 +123,6 @@ module.exports = {
       description: 'Forbid `rel` attribute with an invalid value`',
       category: 'Possible Errors',
       url: docsUrl('jsx-no-invalid-rel')
-    },
-    messages: {
-      relOnlyOnSpecific: 'The "rel" attribute only has meaning on `<link>`, `<a>`, `<area>`, and `<form>` tags.',
-      emptyRel: 'An empty "rel" attribute is meaningless.',
-      onlyStrings: '"rel" attribute only supports strings',
-      realRelValues: '{{ value }} is never a valid "rel" attribute value.',
-      matchingRelValues: '"{{ value }}" is not a valid "rel" attribute value for <{{ tag }}>.'
     }
   },
 
@@ -132,7 +130,7 @@ module.exports = {
     return {
       JSXAttribute(node) {
         // ignore attributes that aren't "rel"
-        if (node.type !== 'JSXIdentifier' && node.name.name !== 'rel') {
+        if (node.name.name !== 'rel') {
           return;
         }
 
@@ -140,7 +138,7 @@ module.exports = {
         if (!components.has(parentNodeName)) {
           return context.report({
             node,
-            messageId: 'relOnlyOnSpecific',
+            message: 'The "rel" attribute only has meaning on `<link>`, `<a>`, `<area>`, and `<form>` tags.',
             fix(fixer) {
               return fixer.remove(node);
             }
@@ -150,7 +148,7 @@ module.exports = {
         if (!node.value) {
           return context.report({
             node,
-            messageId: 'emptyRel',
+            message: 'An empty "rel" attribute is meaningless.',
             fix(fixer) {
               return fixer.remove(node);
             }
@@ -165,10 +163,14 @@ module.exports = {
           return checkLiteralValueNode(context, node.value.expression, parentNodeName);
         }
 
+        if (node.value.type !== 'JSXExpressionContainer') {
+          return;
+        }
+
         if (node.value.expression.type === 'ObjectExpression') {
           return context.report({
             node,
-            messageId: 'onlyStrings',
+            message: '"rel" attribute only supports strings.',
             fix(fixer) {
               return fixer.remove(node);
             }
@@ -178,7 +180,7 @@ module.exports = {
         if (node.value.expression.type === 'Identifier' && node.value.expression.name === 'undefined') {
           return context.report({
             node,
-            messageId: 'onlyStrings',
+            message: '"rel" attribute only supports strings.',
             fix(fixer) {
               return fixer.remove(node);
             }
diff --git a/tests/lib/rules/jsx-no-invalid-rel.js b/tests/lib/rules/jsx-no-invalid-rel.js
index accf326bb5..be92dced97 100644
--- a/tests/lib/rules/jsx-no-invalid-rel.js
+++ b/tests/lib/rules/jsx-no-invalid-rel.js
@@ -93,371 +93,447 @@ ruleTester.run('jsx-no-invalid-rel', rule, {
       code: '<html rel></html>',
       output: '<html ></html>',
       errors: [{
-        messageId: 'relOnlyOnSpecific'
+        message: 'The "rel" attribute only has meaning on `<link>`, `<a>`, `<area>`, and `<form>` tags.'
+      }]
+    },
+    {
+      code: '<Foo rel></Foo>',
+      output: '<Foo ></Foo>',
+      errors: [{
+        message: 'The "rel" attribute only has meaning on `<link>`, `<a>`, `<area>`, and `<form>` tags.'
+      }]
+    },
+    {
+      code: '<a rel></a>',
+      output: '<a ></a>',
+      errors: [{
+        message: 'An empty "rel" attribute is meaningless.'
+      }]
+    },
+    {
+      code: '<any rel></any>',
+      output: '<any ></any>',
+      errors: [{
+        message: 'The "rel" attribute only has meaning on `<link>`, `<a>`, `<area>`, and `<form>` tags.'
       }]
     },
     {
       code: '<a rel={null}></a>',
       output: '<a ></a>',
       errors: [{
-        messageId: 'onlyStrings'
+        message: '"rel" attribute only supports strings.'
       }]
     },
     {
       code: '<a rel={5}></a>',
       output: '<a ></a>',
       errors: [{
-        messageId: 'onlyStrings'
+        message: '"rel" attribute only supports strings.'
       }]
     },
     {
       code: '<a rel={true}></a>',
       output: '<a ></a>',
       errors: [{
-        messageId: 'onlyStrings'
+        message: '"rel" attribute only supports strings.'
       }]
     },
     {
       code: '<a rel={{}}></a>',
       output: '<a ></a>',
       errors: [{
-        messageId: 'onlyStrings'
+        message: '"rel" attribute only supports strings.'
       }]
     },
     {
       code: '<a rel={undefined}></a>',
       output: '<a ></a>',
       errors: [{
-        messageId: 'onlyStrings'
+        message: '"rel" attribute only supports strings.'
       }]
     },
     {
       code: '<a rel="noreferrer noopener foobar"></a>',
+      output: '<a rel="noreferrer noopener "></a>',
+      errors: [{
+        message: '"foobar" is never a valid "rel" attribute value.'
+      }]
+    },
+    {
+      code: '<a rel="noreferrer noopener   "></a>',
       output: '<a rel="noreferrer noopener"></a>',
       errors: [{
-        messageId: 'realRelValues'
+        message: '"rel" attribute values should be space delimited.'
       }]
     },
     {
       code: '<a rel={"noreferrer noopener foobar"}></a>',
-      output: '<a rel={"noreferrer noopener"}></a>',
+      output: '<a rel={"noreferrer noopener "}></a>',
       errors: [{
-        messageId: 'realRelValues'
+        message: '"foobar" is never a valid "rel" attribute value.'
       }]
     },
     {
       code: '<a rel={"foobar noreferrer noopener"}></a>',
       output: '<a rel={" noreferrer noopener"}></a>',
       errors: [{
-        messageId: 'realRelValues'
+        message: '"foobar" is never a valid "rel" attribute value.'
+      }]
+    },
+    {
+      code: '<a rel={"foobar batgo       noopener"}></a>',
+      output: '<a rel={"        noopener"}></a>',
+      errors: [{
+        message: '"foobar" is never a valid "rel" attribute value.'
+      }, {
+        message: '"batgo" is never a valid "rel" attribute value.'
+      }, {
+        message: '"rel" attribute values should be space delimited.'
+      }]
+    },
+    {
+      code: '<a rel={"        noopener"}></a>',
+      output: '<a rel={"noopener"}></a>',
+      errors: [{
+        message: '"rel" attribute values should be space delimited.'
+      }]
+    },
+    {
+      code: '<a rel={"noopener        "}></a>',
+      output: '<a rel={"noopener"}></a>',
+      errors: [{
+        message: '"rel" attribute values should be space delimited.'
+      }]
+    },
+    {
+      code: '<a rel={" batgo noopener"}></a>',
+      output: '<a rel={"batgo noopener"}></a>',
+      errors: [{
+        message: '"batgo" is never a valid "rel" attribute value.'
+      }, {
+        message: '"rel" attribute values should be space delimited.'
+      }]
+    },
+    {
+      code: '<a rel={"batgo noopener"}></a>',
+      output: '<a rel={" noopener"}></a>',
+      errors: [{
+        message: '"batgo" is never a valid "rel" attribute value.'
+      }]
+    },
+    {
+      code: '<a rel={" noopener"}></a>',
+      output: '<a rel={"noopener"}></a>',
+      errors: [{
+        message: '"rel" attribute values should be space delimited.'
       }]
     },
     {
       code: '<a rel="canonical"></a>',
       output: '<a rel=""></a>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"canonical" is not a valid "rel" attribute value for <a>.'
       }]
     },
     {
       code: '<a rel="dns-prefetch"></a>',
       output: '<a rel=""></a>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"dns-prefetch" is not a valid "rel" attribute value for <a>.'
       }]
     },
     {
       code: '<a rel="icon"></a>',
       output: '<a rel=""></a>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"icon" is not a valid "rel" attribute value for <a>.'
       }]
     },
     {
       code: '<a rel="manifest"></a>',
       output: '<a rel=""></a>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"manifest" is not a valid "rel" attribute value for <a>.'
       }]
     },
     {
       code: '<a rel="modulepreload"></a>',
       output: '<a rel=""></a>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"modulepreload" is not a valid "rel" attribute value for <a>.'
       }]
     },
     {
       code: '<a rel="pingback"></a>',
       output: '<a rel=""></a>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"pingback" is not a valid "rel" attribute value for <a>.'
       }]
     },
     {
       code: '<a rel="preconnect"></a>',
       output: '<a rel=""></a>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"preconnect" is not a valid "rel" attribute value for <a>.'
       }]
     },
     {
       code: '<a rel="prefetch"></a>',
       output: '<a rel=""></a>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"prefetch" is not a valid "rel" attribute value for <a>.'
       }]
     },
     {
       code: '<a rel="preload"></a>',
       output: '<a rel=""></a>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"preload" is not a valid "rel" attribute value for <a>.'
       }]
     },
     {
       code: '<a rel="prerender"></a>',
       output: '<a rel=""></a>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"prerender" is not a valid "rel" attribute value for <a>.'
       }]
     },
     {
       code: '<a rel="stylesheet"></a>',
       output: '<a rel=""></a>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"stylesheet" is not a valid "rel" attribute value for <a>.'
       }]
     },
     {
       code: '<area rel="canonical"></area>',
       output: '<area rel=""></area>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"canonical" is not a valid "rel" attribute value for <area>.'
       }]
     },
     {
       code: '<area rel="dns-prefetch"></area>',
       output: '<area rel=""></area>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"dns-prefetch" is not a valid "rel" attribute value for <area>.'
       }]
     },
     {
       code: '<area rel="icon"></area>',
       output: '<area rel=""></area>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"icon" is not a valid "rel" attribute value for <area>.'
       }]
     },
     {
       code: '<area rel="manifest"></area>',
       output: '<area rel=""></area>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"manifest" is not a valid "rel" attribute value for <area>.'
       }]
     },
     {
       code: '<area rel="modulepreload"></area>',
       output: '<area rel=""></area>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"modulepreload" is not a valid "rel" attribute value for <area>.'
       }]
     },
     {
       code: '<area rel="pingback"></area>',
       output: '<area rel=""></area>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"pingback" is not a valid "rel" attribute value for <area>.'
       }]
     },
     {
       code: '<area rel="preconnect"></area>',
       output: '<area rel=""></area>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"preconnect" is not a valid "rel" attribute value for <area>.'
       }]
     },
     {
       code: '<area rel="prefetch"></area>',
       output: '<area rel=""></area>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"prefetch" is not a valid "rel" attribute value for <area>.'
       }]
     },
     {
       code: '<area rel="preload"></area>',
       output: '<area rel=""></area>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"preload" is not a valid "rel" attribute value for <area>.'
       }]
     },
     {
       code: '<area rel="prerender"></area>',
       output: '<area rel=""></area>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"prerender" is not a valid "rel" attribute value for <area>.'
       }]
     },
     {
       code: '<area rel="stylesheet"></area>',
       output: '<area rel=""></area>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"stylesheet" is not a valid "rel" attribute value for <area>.'
       }]
     },
     {
       code: '<link rel="bookmark"></link>',
       output: '<link rel=""></link>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"bookmark" is not a valid "rel" attribute value for <link>.'
       }]
     },
     {
       code: '<link rel="external"></link>',
       output: '<link rel=""></link>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"external" is not a valid "rel" attribute value for <link>.'
       }]
     },
     {
       code: '<link rel="nofollow"></link>',
       output: '<link rel=""></link>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"nofollow" is not a valid "rel" attribute value for <link>.'
       }]
     },
     {
       code: '<link rel="noopener"></link>',
       output: '<link rel=""></link>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"noopener" is not a valid "rel" attribute value for <link>.'
       }]
     },
     {
       code: '<link rel="noreferrer"></link>',
       output: '<link rel=""></link>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"noreferrer" is not a valid "rel" attribute value for <link>.'
       }]
     },
     {
       code: '<link rel="opener"></link>',
       output: '<link rel=""></link>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"opener" is not a valid "rel" attribute value for <link>.'
       }]
     },
     {
       code: '<link rel="tag"></link>',
       output: '<link rel=""></link>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"tag" is not a valid "rel" attribute value for <link>.'
       }]
     },
     {
       code: '<form rel="alternate"></form>',
       output: '<form rel=""></form>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"alternate" is not a valid "rel" attribute value for <form>.'
       }]
     },
     {
       code: '<form rel="author"></form>',
       output: '<form rel=""></form>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"author" is not a valid "rel" attribute value for <form>.'
       }]
     },
     {
       code: '<form rel="bookmark"></form>',
       output: '<form rel=""></form>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"bookmark" is not a valid "rel" attribute value for <form>.'
       }]
     },
     {
       code: '<form rel="canonical"></form>',
       output: '<form rel=""></form>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"canonical" is not a valid "rel" attribute value for <form>.'
       }]
     },
     {
       code: '<form rel="dns-prefetch"></form>',
       output: '<form rel=""></form>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"dns-prefetch" is not a valid "rel" attribute value for <form>.'
       }]
     },
     {
       code: '<form rel="icon"></form>',
       output: '<form rel=""></form>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"icon" is not a valid "rel" attribute value for <form>.'
       }]
     },
     {
       code: '<form rel="manifest"></form>',
       output: '<form rel=""></form>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"manifest" is not a valid "rel" attribute value for <form>.'
       }]
     },
     {
       code: '<form rel="modulepreload"></form>',
       output: '<form rel=""></form>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"modulepreload" is not a valid "rel" attribute value for <form>.'
       }]
     },
     {
       code: '<form rel="pingback"></form>',
       output: '<form rel=""></form>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"pingback" is not a valid "rel" attribute value for <form>.'
       }]
     },
     {
       code: '<form rel="preconnect"></form>',
       output: '<form rel=""></form>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"preconnect" is not a valid "rel" attribute value for <form>.'
       }]
     },
     {
       code: '<form rel="prefetch"></form>',
       output: '<form rel=""></form>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"prefetch" is not a valid "rel" attribute value for <form>.'
       }]
     },
     {
       code: '<form rel="preload"></form>',
       output: '<form rel=""></form>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"preload" is not a valid "rel" attribute value for <form>.'
       }]
     },
     {
       code: '<form rel="prerender"></form>',
       output: '<form rel=""></form>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"prerender" is not a valid "rel" attribute value for <form>.'
       }]
     },
     {
       code: '<form rel="stylesheet"></form>',
       output: '<form rel=""></form>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"stylesheet" is not a valid "rel" attribute value for <form>.'
       }]
     },
     {
       code: '<form rel="tag"></form>',
       output: '<form rel=""></form>',
       errors: [{
-        messageId: 'matchingRelValues'
+        message: '"tag" is not a valid "rel" attribute value for <form>.'
       }]
     }
   ]