React Compiler + TypeScript example should run compiler on `.ts` files as well as `.tsx`

[OliverJAsh]

Regarding this example: https://github.com/rspack-contrib/rstack-examples/blob/main/rspack/react-compiler-babel-ts/rspack.config.js

This only runs the compiler on .tsx files, however hooks are commonly defined in .ts files, so the compiler should be applied to those as well.

cc @chenjiahan

[OliverJAsh]

I got it working with this:

apps/client/rspack.config.ts:

[
  {
    test: /\.(js|ts)$/,
    exclude: [/[\\/]node_modules[\\/]/],
    use: [
      {
        loader: 'builtin:swc-loader',
        options: {
          jsc: {
            parser: {
              syntax: 'typescript',
            },
            externalHelpers: true,
          },
        },
      },
      {
        loader: 'babel-loader',
        options: {
          plugins: [
            'babel-plugin-react-compiler',
            '@babel/plugin-syntax-jsx',
            ['@babel/plugin-syntax-typescript', { isTSX: false }],
          ],
        },
      },
    ],
  },
  {
    test: /\.(jsx|tsx)$/,
    use: [
      {
        loader: 'builtin:swc-loader',
        options: {
          jsc: {
            parser: {
              syntax: 'typescript',
              tsx: true,
            },
            externalHelpers: true,
            transform: {
              react: {
                runtime: 'automatic',
              },
            },
          },
        },
      },
      {
        loader: 'babel-loader',
        options: {
          plugins: [
            'babel-plugin-react-compiler',
            '@babel/plugin-syntax-jsx',
            ['@babel/plugin-syntax-typescript', { isTSX: true }],
          ],
        },
      },
    ],
  },
];