"functional component" -> "function component" in hooks error messages

facebook · Oct 29, 2018 · b772e0e · b772e0e
1 parent 9e9e397
commit b772e0e
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 13 deletions.
diff --git a/packages/react-dom/src/__tests__/ReactDOMServerIntegrationHooks-test.internal.js b/packages/react-dom/src/__tests__/ReactDOMServerIntegrationHooks-test.internal.js
@@ -145,7 +145,7 @@ describe('ReactDOMServerHooks', () => {
 
         return render(<Counter />);
       },
-      'Hooks can only be called inside the body of a functional component.',
+      'Hooks can only be called inside the body of a function component.',
     );
 
     itRenders('multiple times when an updater is called', async render => {

diff --git a/packages/react-dom/src/server/ReactPartialRendererHooks.js b/packages/react-dom/src/server/ReactPartialRendererHooks.js
@@ -50,7 +50,7 @@ const RE_RENDER_LIMIT = 25;
 function resolveCurrentlyRenderingComponent(): Object {
   invariant(
     currentlyRenderingComponent !== null,
-    'Hooks can only be called inside the body of a functional component.',
+    'Hooks can only be called inside the body of a function component.',
   );
   return currentlyRenderingComponent;
 }
@@ -105,7 +105,7 @@ export function finishHooks(
   children: any,
   refOrContext: any,
 ): any {
-  // This must be called after every functional component to prevent hooks from
+  // This must be called after every function component to prevent hooks from
   // being used in classes.
 
   while (didScheduleRenderPhaseUpdate) {
@@ -321,7 +321,7 @@ function dispatchAction<S, A>(
       lastRenderPhaseUpdate.next = update;
     }
   } else {
-    // This means an update has happened after the functional component has
+    // This means an update has happened after the function component has
     // returned. On the server this is a no-op. In React Fiber, the update
     // would be scheduled for a future render.
   }

diff --git a/packages/react-reconciler/src/ReactFiberHooks.js b/packages/react-reconciler/src/ReactFiberHooks.js
@@ -121,7 +121,7 @@ const RE_RENDER_LIMIT = 25;
 function resolveCurrentlyRenderingFiber(): Fiber {
   invariant(
     currentlyRenderingFiber !== null,
-    'Hooks can only be called inside the body of a functional component.',
+    'Hooks can only be called inside the body of a function component.',
   );
   return currentlyRenderingFiber;
 }
@@ -154,7 +154,7 @@ export function finishHooks(
   children: any,
   refOrContext: any,
 ): any {
-  // This must be called after every functional component to prevent hooks from
+  // This must be called after every function component to prevent hooks from
   // being used in classes.
 
   while (didScheduleRenderPhaseUpdate) {
@@ -325,7 +325,7 @@ export function useContext<T>(
   context: ReactContext<T>,
   observedBits: void | number | boolean,
 ): T {
-  // Ensure we're in a functional component (class components support only the
+  // Ensure we're in a function component (class components support only the
   // .unstable_read() form)
   resolveCurrentlyRenderingFiber();
   return readContext(context, observedBits);

diff --git a/packages/react-reconciler/src/__tests__/ReactHooks-test.internal.js b/packages/react-reconciler/src/__tests__/ReactHooks-test.internal.js
@@ -121,7 +121,7 @@ describe('ReactHooks', () => {
     ReactNoop.render(<BadCounter />);
 
     expect(() => ReactNoop.flush()).toThrow(
-      'Hooks can only be called inside the body of a functional component.',
+      'Hooks can only be called inside the body of a function component.',
     );
 
     // Confirm that a subsequent hook works properly.
@@ -144,7 +144,7 @@ describe('ReactHooks', () => {
     }
     ReactNoop.render(<Counter />);
     expect(() => ReactNoop.flush()).toThrow(
-      'Hooks can only be called inside the body of a functional component.',
+      'Hooks can only be called inside the body of a function component.',
     );
 
     // Confirm that a subsequent hook works properly.
@@ -158,7 +158,7 @@ describe('ReactHooks', () => {
 
   it('throws when called outside the render phase', () => {
     expect(() => useState(0)).toThrow(
-      'Hooks can only be called inside the body of a functional component.',
+      'Hooks can only be called inside the body of a function component.',
     );
   });
 

diff --git a/packages/react-reconciler/src/__tests__/ReactNewContext-test.internal.js b/packages/react-reconciler/src/__tests__/ReactNewContext-test.internal.js
@@ -48,7 +48,7 @@ describe('ReactNewContext', () => {
   // a suite of tests for a given context consumer implementation.
   sharedContextTests('Context.Consumer', Context => Context.Consumer);
   sharedContextTests(
-    'useContext inside functional component',
+    'useContext inside function component',
     Context =>
       function Consumer(props) {
         const observedBits = props.unstable_observedBits;
@@ -1342,7 +1342,7 @@ describe('ReactNewContext', () => {
       }
       ReactNoop.render(<Foo />);
       expect(ReactNoop.flush).toThrow(
-        'Hooks can only be called inside the body of a functional component.',
+        'Hooks can only be called inside the body of a function component.',
       );
     });
   });

diff --git a/packages/react/src/ReactHooks.js b/packages/react/src/ReactHooks.js
@@ -16,7 +16,7 @@ function resolveDispatcher() {
   const dispatcher = ReactCurrentOwner.currentDispatcher;
   invariant(
     dispatcher !== null,
-    'Hooks can only be called inside the body of a functional component.',
+    'Hooks can only be called inside the body of a function component.',
   );
   return dispatcher;
 }