Respect runtime value of preset-react provided to Babel

[kripod]

Feature request

Is your feature request related to a problem? Please describe.

Currently, the new JSX transform is activated automatically for React >=17. Unfortunately, the ecosystem may not be ready for that change yet: for instance, SVG inlining may break when using the new Babel transform.

Describe the solution you'd like

According to the docs of Next, the React Babel preset's options could be overridden like below:

{
  "presets": [
    [
      "next/babel",
      { "preset-react": { "runtime": "classic" } }
    ]
  ]
}

The hasJsxRuntime variable should respect this override and use the classic runtime when desired:

next.js/packages/next/build/babel/preset.ts

Lines 123 to 144 in f7f376f

	...(hasJsxRuntime ? { runtime: 'automatic' } : { pragma: '__jsx' }),
	...options['preset-react'],
	},
	],
	[
	require('@babel/preset-typescript'),
	{ allowNamespaces: true, ...options['preset-typescript'] },
	],
	],
	plugins: [
	!hasJsxRuntime && [
	require('./plugins/jsx-pragma'),
	{
	// This produces the following injected import for modules containing JSX:
	// import React from 'react';
	// var __jsx = React.createElement;
	module: 'react',
	importAs: 'React',
	pragma: '__jsx',
	property: 'createElement',
	},
	],

[balazsorban44]

This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.