[react] Add typing for useTransition config in react/next

[droidenator]

Please fill in this template.

• Use a meaningful title for the pull request. Include the name of the package modified.
• Test the change in your own code. (Compile and run.)
• Add or edit tests to reflect the change.
• Follow the advice from the readme.
• Avoid common mistakes.
• Run npm test <package to test>.

Select one of these and delete the others:

If changing an existing definition:

• Provide a URL to documentation or source code which provides context for the suggested changes: React useTransition docs
• If this PR brings the type definitions up to date with a new version of the JS library, update the version number in the header.

[typescript-bot]

@droidenator Thank you for submitting this PR! I see this is your first time submitting to DefinitelyTyped 👋 — I'm the local bot who will help you through the process of getting things through.

This is a live comment which I will keep updated.

1 package in this PR

• react — on npm, on unpkg

Code Reviews

Because this is a widely-used package, a DT maintainer will need to review it before it can be merged.

You can test the changes of this PR in the Playground.

Status

• ✅ No merge conflicts
• ✅ Continuous integration tests have passed
• 🕐 Most recent commit is approved by a DT maintainer

Once every item on this list is checked, I'll ask you for permission to merge and publish the changes.

---

Diagnostic Information: What the bot saw about this PR

{
  "type": "info",
  "now": "-",
  "pr_number": 58421,
  "author": "droidenator",
  "headCommitOid": "79206fb721bd03f987e0d7c36a8cb2856ed18432",
  "mergeBaseOid": "3c54df48ebc539e1bf97e328d83a96601b833b97",
  "lastPushDate": "2022-01-24T23:29:12.000Z",
  "lastActivityDate": "2022-01-25T15:14:17.000Z",
  "hasMergeConflict": false,
  "isFirstContribution": true,
  "tooManyFiles": false,
  "hugeChange": false,
  "popularityLevel": "Critical",
  "pkgInfo": [
    {
      "name": "react",
      "kind": "edit",
      "files": [
        {
          "path": "types/react/next.d.ts",
          "kind": "definition"
        },
        {
          "path": "types/react/test/next.tsx",
          "kind": "test"
        }
      ],
      "owners": [
        "johnnyreilly",
        "bbenezech",
        "pzavolinsky",
        "ericanderson",
        "DovydasNavickas",
        "theruther4d",
        "guilhermehubner",
        "ferdaber",
        "jrakotoharisoa",
        "pascaloliv",
        "hotell",
        "franklixuefei",
        "Jessidhia",
        "saranshkataria",
        "lukyth",
        "eps1lon",
        "zieka",
        "dancerphil",
        "dimitropoulos",
        "disjukr",
        "vhfmag",
        "hellatan",
        "priyanshurav"
      ],
      "addedOwners": [],
      "deletedOwners": [],
      "popularityLevel": "Critical"
    }
  ],
  "reviews": [
    {
      "type": "changereq",
      "reviewer": "eps1lon",
      "date": "2022-01-25T09:06:07.000Z"
    }
  ],
  "mainBotCommentID": 1020658633,
  "ciResult": "pass"
}

[typescript-bot]

🔔 @johnnyreilly @bbenezech @pzavolinsky @ericanderson @DovydasNavickas @theruther4d @guilhermehubner @ferdaber @jrakotoharisoa @pascaloliv @Hotell @franklixuefei @Jessidhia @saranshkataria @lukyth @eps1lon @zieka @dancerphil @dimitropoulos @disjukr @vhfmag @hellatan @priyanshurav — please review this PR in the next few days. Be sure to explicitly select Approve or Request Changes in the GitHub UI so I know what's going on.

[eps1lon]

react/next points to the current next release. In this release timeoutMS is no longer available.

That's why we removed the config in #52464

[typescript-bot]

@droidenator One or more reviewers has requested changes. Please address their comments. I'll be back once they sign off or you've pushed new commits. Thank you!

[droidenator]

@eps1lon I'm not sure that that's correct. The PR you linked removed the following config:

    export interface SuspenseConfig {
        busyDelayMs?: number;
        busyMinDurationMs?: number;
    }

However all the current React 18 documentation shows a config option with timeoutMS. Here's a link to the config in documentation regarding useTransition: https://reactjs.org/docs/concurrent-mode-reference.html#usetransition-config

Is the React documentation out of date regarding this config? It wouldn't surprise me but as far as I can tell, timeoutMS should be supported.

EDIT: Did some digging and you're absolutely right, @eps1lon. Here's the issue where they dropped support for this: facebook/react#19703

That's really frustrating that the React documentation is out of date. Thanks for the clarification; I'll close my PR.