fix: correct spelling mistakes in code and error messages

compiler/packages/babel-plugin-react-compiler/src/HIR/Environment.ts

@@ -304,7 +304,7 @@ export const EnvironmentConfigSchema = z.object({
    * An alternative to the standard JSX transform which replaces JSX with React's jsxProd() runtime
    * Currently a prod-only optimization, requiring Fast JSX dependencies
    *
-   * The symbol configuration is set for backwards compatability with pre-React 19 transforms
+   * The symbol configuration is set for backwards compatibility with pre-React 19 transforms
    */
   inlineJsxTransform: ReactElementSymbolSchema.nullable().default(null),
 

compiler/packages/babel-plugin-react-compiler/src/Optimization/ConstantPropagation.ts

@@ -168,7 +168,7 @@ function evaluatePhi(phi: Phi, constants: Constants): Constant | null {
   let value: Constant | null = null;
   for (const [, operand] of phi.operands) {
     const operandValue = constants.get(operand.identifier.id) ?? null;
-    // did not find a constant, can't constant propogate
+    // did not find a constant, can't constant propagate
     if (operandValue === null) {
       return null;
     }
@@ -182,7 +182,7 @@ function evaluatePhi(phi: Phi, constants: Constants): Constant | null {
       continue;
     }
 
-    // found different kinds of constants, can't constant propogate
+    // found different kinds of constants, can't constant propagate
     if (operandValue.kind !== value.kind) {
       return null;
     }
@@ -195,7 +195,7 @@ function evaluatePhi(phi: Phi, constants: Constants): Constant | null {
           suggestions: null,
         });
 
-        // different constant values, can't constant propogate
+        // different constant values, can't constant propagate
         if (operandValue.value !== value.value) {
           return null;
         }
@@ -208,7 +208,7 @@ function evaluatePhi(phi: Phi, constants: Constants): Constant | null {
           suggestions: null,
         });
 
-        // different global values, can't constant propogate
+        // different global values, can't constant propagate
         if (operandValue.binding.name !== value.binding.name) {
           return null;
         }

packages/react-devtools-shared/src/devtools/views/ErrorBoundary/ErrorBoundary.js

@@ -156,7 +156,7 @@ export default class ErrorBoundary extends Component<Props, State> {
           <CaughtErrorView
             callStack={callStack}
             componentStack={componentStack}
-            errorMessage={errorMessage || 'Error occured in inspected element'}
+            errorMessage={errorMessage || 'Error occurred in inspected element'}
             info={
               <>
                 React DevTools encountered an error while trying to inspect the

packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js

@@ -3649,7 +3649,7 @@ export function registerSuspenseInstanceRetry(
     instance.data !== SUSPENSE_PENDING_START_DATA ||
     // The boundary is still in pending status but the document has finished loading
     // before we could register the event handler that would have scheduled the retry
-    // on load so we call teh callback now.
+    // on load so we call the callback now.
     ownerDocument.readyState !== DOCUMENT_READY_STATE_LOADING
   ) {
     callback();

packages/react-reconciler/src/ReactFiberBeginWork.js

@@ -3208,7 +3208,7 @@ function validateRevealOrder(revealOrder: SuspenseListRevealOrder) {
       if (revealOrder == null) {
         console.error(
           'The default for the <SuspenseList revealOrder="..."> prop is changing. ' +
-            'To be future compatible you must explictly specify either ' +
+            'To be future compatible you must explicitly specify either ' +
             '"independent" (the current default), "together", "forwards" or "legacy_unstable-backwards".',
         );
       } else if (revealOrder === 'backwards') {
@@ -3275,7 +3275,7 @@ function validateTailOptions(
           didWarnAboutTailOptions[cacheKey] = true;
           console.error(
             'The default for the <SuspenseList tail="..."> prop is changing. ' +
-              'To be future compatible you must explictly specify either ' +
+              'To be future compatible you must explicitly specify either ' +
               '"visible" (the current default), "collapsed" or "hidden".',
           );
         }

packages/react-reconciler/src/__tests__/ReactAsyncActions-test.js

@@ -1703,7 +1703,7 @@ describe('ReactAsyncActions', () => {
     'regression: updates in an action passed to React.startTransition are batched ' +
       'even if there were no updates before the first await',
     async () => {
-      // Regression for a bug that occured in an older, too-clever-by-half
+      // Regression for a bug that occurred in an older, too-clever-by-half
       // implementation of the isomorphic startTransition API. Now, the
       // isomorphic startTransition is literally the composition of every
       // reconciler instance's startTransition, so the behavior is less likely

packages/react-reconciler/src/__tests__/ReactSuspenseList-test.js

@@ -256,7 +256,7 @@ describe('ReactSuspenseList', () => {
 
     assertConsoleErrorDev([
       'The default for the <SuspenseList revealOrder="..."> prop is changing. ' +
-        'To be future compatible you must explictly specify either ' +
+        'To be future compatible you must explicitly specify either ' +
         '"independent" (the current default), "together", "forwards" or "legacy_unstable-backwards".' +
         '\n    in SuspenseList (at **)' +
         '\n    in Foo (at **)',
@@ -1714,7 +1714,7 @@ describe('ReactSuspenseList', () => {
     });
     assertConsoleErrorDev([
       'The default for the <SuspenseList tail="..."> prop is changing. ' +
-        'To be future compatible you must explictly specify either ' +
+        'To be future compatible you must explicitly specify either ' +
         '"visible" (the current default), "collapsed" or "hidden".' +
         '\n    in SuspenseList (at **)' +
         '\n    in Foo (at **)',