feat(react): improve babel preset options (#10940)

Improved the '@nrwl/react/babel' preset to allow for customisation of all options provided by
the
'@nrwl/web/babel' preset.

ISSUES CLOSED: #10939

Co-authored-by: Jason Gerbes <jason.gerbes@vista.co>

packages/react/babel.ts

@@ -1,24 +1,23 @@
+import type { NxWebBabelPresetOptions } from '@nrwl/web';
+
 /*
  * Babel preset to provide React support for Nx.
  */
 
-interface ReactBabelOptions {
+interface NxReactBabelOptions extends NxWebBabelPresetOptions {
   runtime?: string;
   importSource?: string;
-  useBuiltIns?: boolean | string;
 }
 
-module.exports = function (api: any, options: ReactBabelOptions) {
+module.exports = function (api: any, options: NxReactBabelOptions) {
   api.assertVersion(7);
   const env = api.env();
   /**
    * pagesDir is set when being transpiled by Next.js
    */
   const isNextJs = api.caller((caller) => caller?.pagesDir);
 
-  const presets: any[] = [
-    ['@nrwl/web/babel', { useBuiltIns: options.useBuiltIns }],
-  ];
+  const presets: any[] = [['@nrwl/web/babel', options]];
 
   /**
    * Next.js already includes the preset-react, and including it

packages/web/babel.ts

@@ -4,7 +4,7 @@ import { dirname } from 'path';
  * Babel preset to provide TypeScript support and module/nomodule for Nx.
  */
 
-interface NxReactBabelPresetOptions {
+export interface NxWebBabelPresetOptions {
   useBuiltIns?: boolean | string;
   decorators?: {
     decoratorsBeforeExport?: boolean;
@@ -15,7 +15,7 @@ interface NxReactBabelPresetOptions {
   };
 }
 
-module.exports = function (api: any, options: NxReactBabelPresetOptions = {}) {
+module.exports = function (api: any, options: NxWebBabelPresetOptions = {}) {
   api.assertVersion(7);
 
   const isModern = api.caller((caller) => caller?.isModern);

packages/web/index.ts

@@ -1,2 +1,3 @@
 export { webInitGenerator } from './src/generators/init/init';
 export { applicationGenerator } from './src/generators/application/application';
+export type { NxWebBabelPresetOptions } from './babel';