fix(rspack): apply React Compiler to .ts files in babel-ts example (#1)

[heyq02]

Summary

• Run babel-loader / babel-plugin-react-compiler on .ts files in rspack/react-compiler-babel-ts, not only .tsx (hooks are commonly defined in .ts)
• Add a small useCounter.ts hook used by App.tsx so the example demonstrates the pattern

Fixes #331

Test plan

• pnpm --filter "@rspack-example/react-compiler-babel-ts" build succeeds
• Dev bundle shows useCounter.ts rewritten with react/compiler-runtime memo cache
• Smoke-test pnpm --filter "@rspack-example/react-compiler-babel-ts" dev — counter button increments

[chenjiahan]

Thanks for fixing this! Could we switch this example to Rspack's Rust React Compiler instead? Running Babel on every .ts file adds build overhead, and this example already uses a Rspack version that supports the Rust implementation.

With detectSyntax: 'auto', we can consolidate the JS/TS/JSX/TSX rules into a single builtin:swc-loader rule and enable jsc.transform.reactCompiler: true, keeping react.runtime: 'automatic'. That would also let us remove the Babel config and dependencies and rename the example to drop babel.

[chenjiahan]

Once this is updated, could you also open a PR in the Rspack repository to update the links in the React Compiler examples section to match the new directory names? For example, react-compiler-babel → react-compiler.

[heyq02]

更新完成后，能否也在 Rspack 仓库中提交一个 PR，将React 编译器示例部分中的链接更新为与新的目录名称匹配？例如，react-compiler-babel→ react-compiler。

well

[chenjiahan]

Thank you

[heyq02]

Thank you

My pleasure.