Gatsby minimal TS starter generates code with deprecated React import

[c-vetter]

Preliminary Checks

• This issue is not a duplicate. Before opening a new issue, please search existing issues: https://github.com/gatsbyjs/gatsby/issues
• This issue is not a question, feature request, RFC, or anything other than a bug report directly related to Gatsby. Please post those things in GitHub Discussions: https://github.com/gatsbyjs/gatsby/discussions

Description

Hello 🙂
Testing Gatsby today, I immediately got stumped when I opened src/pages/index.tsx on account of the React import there.

Direct React imports have been obsolete since the new jsx transform arrived in 2020. The namespace import style in src/pages/index.tsx has been deprecated even before that.

Connected to those imports is the jsx setting for TypeScript, which should now be "react-jsx".

While this is easily fixed on my end, this should not be yielded from your starters.

Apart from just being old stuff, this encourages a code style that makes reading the code more onerous.

I will look into providing PRs to fix, if and when I decide to go further with Gatsby.

Reproduction Link

https://stackblitz.com/github/gatsbyjs/gatsby-starter-minimal-ts?file=src%2Fpages%2Findex.tsx

Steps to Reproduce

1. npm init gatsby bug -- -y -ts
2. open bug/tsconfig.json and bug/src/pages/index.tsx in an editor

Expected Result

index.tsx should have neither an import * as React from "react" nor an import React from "react", both of which are deprecated and obsolete.
Also, there should be no issues when removing such an obsolete import.

tsconfig.json should have compilerOptions.jsx set to "react-jsx".

Actual Result

index.tsx starts with import * as React from "react", and when removing this line, TypeScript raises this error for all JSX tags:

'React' refers to a UMD global, but the current file is a module. Consider adding an import instead. ts(2686)

Environment

System:
    OS: Windows 10 10.0.19045
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
  Binaries:
    Node: 20.11.1 - ~\scoop\apps\nvm\current\nodejs\nodejs\node.EXE
    Yarn: 1.22.19 - ~\scoop\apps\yarn\current\bin\yarn.CMD
    npm: 10.2.4 - ~\scoop\apps\nvm\current\nodejs\nodejs\npm.CMD
  Languages:
    Python: 3.12.2
  Browsers:
    Edge: Chromium (121.0.2277.128)
  npmPackages:
    gatsby: ^5.13.3 => 5.13.3 
    gatsby-plugin-emotion: ^8.13.1 => 8.13.1 
    gatsby-plugin-manifest: ^5.13.1 => 5.13.1

Config Flags

No response