Clearer ssr error message 11902

packages/react-dom/src/__tests__/ReactDOMServerIntegrationElements-test.js

@@ -870,6 +870,47 @@ describe('ReactDOMServerIntegration', () => {
               'an array instead.'
             : ''),
       );
+
+      itThrowsWhenRendering(
+        'badly-typed elements',
+        async render => {
+          spyOnDev(console, 'error');
+          const EmptyComponent = {};
+          await render(<EmptyComponent />);
+        },
+        'Element type is invalid: expected a string (for built-in components) or a class/function ' +
+          '(for composite components) but got: object.' +
+          (__DEV__
+            ? " You likely forgot to export your component from the file it's defined in, " +
+              'or you might have mixed up default and named imports.'
+            : ''),
+      );
+
+      itThrowsWhenRendering(
+        'null',
+        async render => {
+          spyOnDev(console, 'error');
+          const NullComponent = null;
+          await render(<NullComponent />);
+        },
+        'Element type is invalid: expected a string (for built-in components) or a class/function ' +
+          '(for composite components) but got: null.',
+      );
+
+      itThrowsWhenRendering(
+        'undefined',
+        async render => {
+          spyOnDev(console, 'error');
+          const UndefinedComponent = undefined;
+          await render(<UndefinedComponent />);
+        },
+        'Element type is invalid: expected a string (for built-in components) or a class/function ' +
+          '(for composite components) but got: undefined.' +
+          (__DEV__
+            ? " You likely forgot to export your component from the file it's defined in, " +
+              'or you might have mixed up default and named imports.'
+            : ''),
+      );
     });
   });
 });

packages/react-dom/src/server/ReactPartialRenderer.js

@@ -889,12 +889,33 @@ class ReactDOMServerRenderer {
             break;
         }
       }
+
+      let info = '';
+      if (__DEV__) {
+        const owner = elementType && elementType._owner;
+        if (
+          elementType === undefined ||
+          (typeof elementType === 'object' &&
+            elementType !== null &&
+            Object.keys(elementType).length === 0)
+        ) {
+          info +=
+            ' You likely forgot to export your component from the file ' +
+            "it's defined in, or you might have mixed up default and " +
+            'named imports.';
+        }
+        const ownerName = owner ? getComponentName(owner) : null;
+        if (ownerName) {
+          info += '\n\nCheck the render method of `' + ownerName + '`.';
+        }
+      }
       invariant(
         false,
         'Element type is invalid: expected a string (for built-in ' +
           'components) or a class/function (for composite components) ' +
-          'but got: %s.',
+          'but got: %s.%s',
         elementType == null ? elementType : typeof elementType,
+        info,
       );
     }
   }