build: change jest config to use babel for ts transforms

This change updates the base jest config to use `babel-jest` with the typescript preset to transform `.ts` files.  The existing `preprocessor`, which intercepts ts files, appears to be pretty old and wasn't implemented with entire packages of typescript source in mind.

Author: michaelfaith

babel.config-ts.js

@@ -0,0 +1,15 @@
+/**
+ * This file is purely being used for local jest runs, and doesn't participate in the build process.
+ */
+'use strict';
+
+module.exports = {
+  plugins: [
+    '@babel/plugin-syntax-jsx',
+    '@babel/plugin-transform-flow-strip-types',
+  ],
+  presets: [
+    ['@babel/preset-env', {targets: {node: 'current'}}],
+    '@babel/preset-typescript',
+  ],
+};

package.json

@@ -35,6 +35,7 @@
     "@babel/plugin-transform-template-literals": "^7.10.5",
     "@babel/preset-flow": "^7.10.4",
     "@babel/preset-react": "^7.23.3",
+    "@babel/preset-typescript": "^7.26.0",
     "@babel/traverse": "^7.11.0",
     "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-commonjs": "^24.0.1",

packages/react/src/__tests__/ReactTypeScriptClass-test.ts

@@ -529,7 +529,7 @@ describe('ReactTypeScriptClass', function () {
         'StateBasedOnContext uses the legacy contextTypes API which will soon be removed. ' +
           'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
           (ReactFeatureFlags.enableOwnerStacks
-            ? '    in ProvideChildContextTypes.Object.<anonymous>.ProvideChildContextTypes (at **)'
+            ? '    in ProvideChildContextTypes.createElement (at **)'
             : '    in StateBasedOnContext (at **)\n') +
           '    in ProvideChildContextTypes (at **)',
       ]);
@@ -725,7 +725,7 @@ describe('ReactTypeScriptClass', function () {
         'ReadContext uses the legacy contextTypes API which will soon be removed. ' +
           'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
           (ReactFeatureFlags.enableOwnerStacks
-            ? '    in ProvideContext.Object.<anonymous>.ProvideContext (at **)'
+            ? '    in ProvideContext.createElement (at **)'
             : '    in ReadContext (at **)\n') +
           '    in ProvideContext (at **)',
       ]);

scripts/jest/config.base.js

@@ -7,7 +7,11 @@ module.exports = {
     '<rootDir>/scripts/bench/',
   ],
   transform: {
-    '.*': require.resolve('./preprocessor.js'),
+    '^.+\\.ts$': [
+      'babel-jest',
+      {configFile: require.resolve('../../babel.config-ts.js')},
+    ],
+    '.(?!ts$)': require.resolve('./preprocessor.js'),
   },
   prettierPath: require.resolve('prettier-2'),
   setupFiles: [require.resolve('./setupEnvironment.js')],