Estoy usando craco y tratando de descubrir cómo configurar jsx. sigo recibiendo el siguiente error

Support for the experimental syntax 'jsx' isn't currently enabled (4:17):

Sugieren que agregue `babel/preset-react o use @babel/plugin-syntax-jsx en la sección de complementos para habilitar el análisis, pero no estoy seguro de cómo hacerlo.

Para aclarar, estoy tratando de usar una carpeta src fuera de la raíz de mi aplicación de reacción

craco.config.js

 module.exports = { webpack: { alias: {}, plugins: { add: [] /* An array of plugins */, remove: [] /* An array of plugin constructor's names (ie "StyleLintPlugin", "ESLintWebpackPlugin" ) */, }, configure: { /* Any webpack configuration options: https://webpack.js.org/configuration */ }, configure: (webpackConfig, { env, paths }) => { console.log("WEBPACK"); console.log(webpackConfig); webpackConfig.entry = "C:\\Users\\danie\\Desktop\\Code\\JS\\npm_packages\\source\\src\\index.js"; return webpackConfig; }, }, babel: { presets: [], plugins: [], loaderOptions: (babelLoaderOptions, { env, paths }) => { console.log("BABEL"); console.log(babelLoaderOptions); return babelLoaderOptions; }, }, };