chore: @babel/plugin-transform-react-jsx Add dependency

[Ryong-E]

Adding package dependencies with @babel/plugin-transform-react-jsx dependency error when using yarnberry.

Description

In the yarnrc.yml file

packageExtensions: {
gatsby@*: {
dependencies: {
"@babel/plugin-transform-react-jsx": ^7.22.15
}
}
}

Fixed an issue (#38543) that occurred by adding syntax.
So I added a dependency to the gatsby package.

The test was done by modifying the yarnrc.yml file in the yarnberry environment.
I don't know how to modify open source like this and test in yarnberry pnp environment.

Documentation

Tests

Related Issues

#38543

[pieh]

This is not correct fix - error happens because of

gatsby/packages/gatsby/src/utils/babel-loader-helpers.ts

Line 171 in e8efe88

babel.createConfigItem([resolve(plugin.name), plugin.options], {

(and same in line 179), because resolve used there is from gatsby context. You are adding this in your own code, so really the plugin.name should be resolved when using setBabelPlugin / setBabelPreset (right now gatsby doesn't do it and that is something to fix, but you can workaround it by doing what I mentioned in #38543 (comment)

@babel/plugin-transform-react-jsx is already installed as part of gatsby (part of @babel/preset-react, which is part of babel-preset-gatsby), so there should be no need to set it yourself? so possibly you could drop this entire setBabelPlugin in your site as it shouldn't actually do anything (unless it's version thing).

We should not be adding this dependency to gatsby just so people could manually use it themselves.

We can likely add failing test case for our pnp tests by adding custom babel plugins to reproduce the issue you are having and then maybe look to fix it properly.