Fix some typos under react-reconciler package

Fixing some typos in addition to those fixed in facebook#20466 which I left them as they were

packages/react-reconciler/src/ReactFiberClassComponent.new.js

@@ -484,17 +484,17 @@ function checkClassInstance(workInProgress: Fiber, ctor: any, newProps: any) {
  name,
  );
  }
- if (typeof instance.componentWillRecieveProps === 'function') {
+ if (typeof instance.componentWillReceiveProps === 'function') {
  console.error(
  '%s has a method called ' +
- 'componentWillRecieveProps(). Did you mean componentWillReceiveProps()?',
+ 'componentWillReceiveProps(). Did you mean componentWillReceiveProps()?',
  name,
  );
  }
- if (typeof instance.UNSAFE_componentWillRecieveProps === 'function') {
+ if (typeof instance.UNSAFE_componentWillReceiveProps === 'function') {
  console.error(
  '%s has a method called ' +
- 'UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?',
+ 'UNSAFE_componentWillReceiveProps(). Did you mean UNSAFE_componentWillReceiveProps()?',
  name,
  );
  }

packages/react-reconciler/src/ReactFiberClassComponent.old.js

@@ -477,17 +477,17 @@ function checkClassInstance(workInProgress: Fiber, ctor: any, newProps: any) {
  name,
  );
  }
- if (typeof instance.componentWillRecieveProps === 'function') {
+ if (typeof instance.componentWillReceiveProps === 'function') {
  console.error(
  '%s has a method called ' +
- 'componentWillRecieveProps(). Did you mean componentWillReceiveProps()?',
+ 'componentWillReceiveProps(). Did you mean componentWillReceiveProps()?',
  name,
  );
  }
- if (typeof instance.UNSAFE_componentWillRecieveProps === 'function') {
+ if (typeof instance.UNSAFE_componentWillReceiveProps === 'function') {
  console.error(
  '%s has a method called ' +
- 'UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?',
+ 'UNSAFE_componentWillReceiveProps(). Did you mean UNSAFE_componentWillReceiveProps()?',
  name,
  );
  }

packages/react-reconciler/src/ReactFiberCommitWork.new.js

@@ -555,7 +555,7 @@ function recursivelyCommitLayoutEffects(
  }
 
  // case Offscreen: {
- // TODO: Fast path to invoke all nested layout effects when Offscren goes from hidden to visible.
+ // TODO: Fast path to invoke all nested layout effects when Offscreen goes from hidden to visible.
  // break;
  // }
 

packages/react-reconciler/src/ReactFiberCompleteWork.new.js

@@ -1050,7 +1050,7 @@ function completeWork(
  // Don't count time spent in a timed out Suspense subtree as part of the base duration.
  const primaryChildFragment = workInProgress.child;
  if (primaryChildFragment !== null) {
- // $FlowFixMe Flow doens't support type casting in combiation with the -= operator
+ // $FlowFixMe Flow doesn't support type casting in combination with the -= operator
  workInProgress.treeBaseDuration -= ((primaryChildFragment.treeBaseDuration: any): number);
  }
  }
@@ -1080,7 +1080,7 @@ function completeWork(
  // Don't count time spent in a timed out Suspense subtree as part of the base duration.
  const primaryChildFragment = workInProgress.child;
  if (primaryChildFragment !== null) {
- // $FlowFixMe Flow doens't support type casting in combiation with the -= operator
+ // $FlowFixMe Flow doesn't support type casting in combination with the -= operator
  workInProgress.treeBaseDuration -= ((primaryChildFragment.treeBaseDuration: any): number);
  }
  }
@@ -1187,7 +1187,7 @@ function completeWork(
  // Don't count time spent in a timed out Suspense subtree as part of the base duration.
  const primaryChildFragment = workInProgress.child;
  if (primaryChildFragment !== null) {
- // $FlowFixMe Flow doens't support type casting in combiation with the -= operator
+ // $FlowFixMe Flow doesn't support type casting in combination with the -= operator
  workInProgress.treeBaseDuration -= ((primaryChildFragment.treeBaseDuration: any): number);
  }
  }

packages/react-reconciler/src/ReactFiberFlags.js

@@ -74,6 +74,6 @@ export const LayoutMask = Update | Callback | Ref;
 export const PassiveMask = Passive | Deletion;
 
 // Union of tags that don't get reset on clones.
-// This allows certain concepts to persist without recalculting them,
+// This allows certain concepts to persist without recalculating them,
 // e.g. whether a subtree contains passive effects or portals.
 export const StaticMask = PassiveStatic;

packages/react-reconciler/src/ReactFiberHooks.new.js

@@ -868,7 +868,7 @@ type MutableSourceMemoizedState<Source, Snapshot> = {|
  subscribe: MutableSourceSubscribeFn<Source, Snapshot>,
 |};
 
-function readFromUnsubcribedMutableSource<Source, Snapshot>(
+function readFromUnsubscribedMutableSource<Source, Snapshot>(
  root: FiberRoot,
  source: MutableSource<Source>,
  getSnapshot: MutableSourceGetSnapshotFn<Source, Snapshot>,
@@ -968,7 +968,7 @@ function useMutableSource<Source, Snapshot>(
 
  // eslint-disable-next-line prefer-const
  let [currentSnapshot, setSnapshot] = dispatcher.useState(() =>
- readFromUnsubcribedMutableSource(root, source, getSnapshot),
+ readFromUnsubscribedMutableSource(root, source, getSnapshot),
  );
  let snapshot = currentSnapshot;
 
@@ -1100,7 +1100,7 @@ function useMutableSource<Source, Snapshot>(
  ): any);
  stateHook.queue = newQueue;
  stateHook.baseQueue = null;
- snapshot = readFromUnsubcribedMutableSource(root, source, getSnapshot);
+ snapshot = readFromUnsubscribedMutableSource(root, source, getSnapshot);
  stateHook.memoizedState = stateHook.baseState = snapshot;
  }
 

packages/react-reconciler/src/ReactFiberHooks.old.js

@@ -846,7 +846,7 @@ type MutableSourceMemoizedState<Source, Snapshot> = {|
  subscribe: MutableSourceSubscribeFn<Source, Snapshot>,
 |};
 
-function readFromUnsubcribedMutableSource<Source, Snapshot>(
+function readFromUnsubscribedMutableSource<Source, Snapshot>(
  root: FiberRoot,
  source: MutableSource<Source>,
  getSnapshot: MutableSourceGetSnapshotFn<Source, Snapshot>,
@@ -946,7 +946,7 @@ function useMutableSource<Source, Snapshot>(
 
  // eslint-disable-next-line prefer-const
  let [currentSnapshot, setSnapshot] = dispatcher.useState(() =>
- readFromUnsubcribedMutableSource(root, source, getSnapshot),
+ readFromUnsubscribedMutableSource(root, source, getSnapshot),
  );
  let snapshot = currentSnapshot;
 
@@ -1078,7 +1078,7 @@ function useMutableSource<Source, Snapshot>(
  ): any);
  stateHook.queue = newQueue;
  stateHook.baseQueue = null;
- snapshot = readFromUnsubcribedMutableSource(root, source, getSnapshot);
+ snapshot = readFromUnsubscribedMutableSource(root, source, getSnapshot);
  stateHook.memoizedState = stateHook.baseState = snapshot;
  }