Make transferPropsTo() message easier to debug

Summary: Made the transferPropsTo() error introduced in 3253228 easier to use to debug.
edyonil · Oct 9, 2013 · ef60eee · ef60eee
1 parent 7a9c13d
commit ef60eee
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/core/ReactPropTransferer.js b/src/core/ReactPropTransferer.js
@@ -93,9 +93,11 @@ var ReactPropTransferer = {
     transferPropsTo: function(component) {
       invariant(
         component.props.__owner__ === this,
-        'You can\'t call transferPropsTo() on a component that you don\'t ' +
-        'own. This usually means you are calling transferPropsTo() on a ' +
-        'component passed in as props or children.'
+        '%s: You can\'t call transferPropsTo() on a component that you ' +
+        'don\'t own, %s. This usually means you are calling ' +
+        'transferPropsTo() on a component passed in as props or children.',
+        this.constructor.displayName,
+        component.constructor.displayName
       );
 
       var props = {};

diff --git a/src/core/__tests__/ReactPropTransferer-test.js b/src/core/__tests__/ReactPropTransferer-test.js
@@ -148,7 +148,8 @@ describe('ReactPropTransferer', function() {
       ReactTestUtils.renderIntoDocument(<Parent />);
     }).toThrow(
       'Invariant Violation: ' +
-      'You can\'t call transferPropsTo() on a component that you don\'t own. ' +
+      'Child: You can\'t call transferPropsTo() on a component that you ' +
+      'don\'t own, span. ' +
       'This usually means you are calling transferPropsTo() on a component ' +
       'passed in as props or children.'
     );