feat(gatsby-plugin-typescript): allow specifying babel preset options (…

…#10248)

* Pass through babel preset options

* Add options section to gatsby-plugin-typescript docs

* format

packages/gatsby-plugin-typescript/README.md

@@ -21,6 +21,28 @@ module.exports = {
 }
 ```
 
+## Options
+
+When adding this plugin to your `gatsby-config.js`, you can pass in options to override the default [@babel/preset-typescript](https://babeljs.io/docs/en/babel-preset-typescript#options) config.
+
+```javascript
+// gatsby-config.js
+module.exports = {
+ plugins: [
+ {
+ resolve: `gatsby-plugin-typescript`,
+ options: {
+ isTSX: true, // defaults to false
+ jsxPragma: `jsx`, // defaults to "React"
+ allExtensions: true, // defaults to false
+ },
+ },
+ ],
+}
+```
+
+For more detailed documentation on the available options, visit https://babeljs.io/docs/en/babel-preset-typescript#options.
+
 ## Caveats
 
 This plugin uses [`babel-plugin-transform-typescript`](https://babeljs.io/docs/en/babel-plugin-transform-typescript.html)

packages/gatsby-plugin-typescript/src/gatsby-node.js

@@ -1,8 +1,9 @@
 const resolvableExtensions = () => [`.ts`, `.tsx`]
 
-function onCreateBabelConfig({ actions }, pluginOptions) {
+function onCreateBabelConfig({ actions }, options) {
  actions.setBabelPreset({
  name: `@babel/preset-typescript`,
+ options,
  })
 }