Bump @remix-run/react from 1.8.2 to 1.14.1

[dependabot]

Bumps @remix-run/react from 1.8.2 to 1.14.1.

Release notes

Sourced from @​remix-run/react's releases.

v1.14.1

Just a bit of housekeeping and a few bug-fixes in this release! Check out the release notes for each package to see what we're up to 👀

• Changes by Package 🔗
  • @remix-run/dev
  • @remix-run/react

Full Changelog: 1.14.0...1.14.1

v1.14.0

New Development Server with HMR 🔥

You asked for it, and now we're stoked to deliver. We've got a brand new dev server that we think will dramatically improve the experience of running your Remix apps in development.

The new dev environment includes long-anticipated Hot Module Replacement (HMR) via React Refresh, as well as something we're calling Hot Data Revalidation (HDR)

HMR allows you to make changes to your UI or style code and see them reflected in your browser without having to refresh the page. This is different from our existing <LiveReload> component, as HMR will not reset client-side state between updates. This is particularly useful for highly-interactive apps where resetting state is disruptive and slows down the development process.

Now for HDR. Think of it as HMR for data loaders. With HDR you can make changes to your server code and see those updates reflected in your UI immediately without resetting client-side state, just like HMR.

This is an early release available under the unstable_dev future flag, but we're excited to get it into your hands, gather feedback and provide a first-class developer experience for apps at any scale. As of now, there are some known limitations to be aware of:

• We don't yet expose an API for import.meta.hot
• All route loaders are invalidated when changes are detected on the server
• Loader changes do not account for changes in imported dependencies
• It's doesn't work automatically with the Remix App Server, you'll want to bring in @remix-run/express for your server. This will not be a limitation when the unstable flag is removed.

Using HMR/HDR

First, you need to enable the new dev server in your remix.config.js:

module.exports = {
  // ...
  future: {
    unstable_dev: true,
  },
};

The new dev server and HMR/HDR requires two processes, one for your build and one for your app. You can run these in separate tabs or you can use something like npm-run-all to run them in parallel via a package.json script. We are also using nodemon to auto-restart our server on build changes. It's important to note that we're setting NODE_ENV=development here which is required to enable HMR/HDR.

Using the Remix App Server:

// package.json scripts
"dev": "run-p dev:*",
"dev:build": "cross-env NODE_ENV=development remix dev",
"dev:serve": "cross-env NODE_ENV=development nodemon --watch build node_modules/.bin/remix-serve build",

... (truncated)

Changelog

Sourced from @​remix-run/react's changelog.

1.14.1

Patch Changes

• Deprecate useTransition in favor of useNavigation (#5687)
• Memoize return value of useMatches (#5603)

1.14.0

Minor Changes

• Hot Module Replacement and Hot Data Revalidation (#5259)
  • Requires unstable_dev future flag to be enabled
  • HMR provided through React Refresh
  • Features:
    • HMR for component and style changes
    • HDR when loaders for current route change
  • Known limitations for MVP:
    • Only implemented for React via React Refresh
    • No import.meta.hot API exposed yet
    • Revalidates all loaders on route when loader changes are detected
    • Loader changes do not account for imported dependencies changing

Patch Changes

• Remove duplicate manifest imports (#5534)
• Ensure types for fetchers always include form* submission fields (#5476)
• Sync FutureConfig interface between packages (#5398)
• Updated dependencies:
  • @remix-run/[email protected]
  • [email protected]

1.13.0

Minor Changes

• Add built-in support for PostCSS via the future.unstable_postcss feature flag (#5229)
• Add built-in support for Tailwind via the future.unstable_tailwind feature flag (#5229)

Patch Changes

• Bump React Router dependencies to the latest version. See the release notes for more details. (#5389)
• Improve efficiency of route manifest-to-tree transformation (#4748)
• Added better detection for absolute urls in <Link> and <NavLink> components (#5390)

1.12.0

Minor Changes

• Added a new development server available in the Remix config under the unstable_dev flag. See the release notes for a full description. (#5133)

... (truncated)

Commits

• 3ffb1a0 chore: Update version for release (#5748)
• 3ff8145 chore: Update version for release (pre) (#5741)
• b33d098 Deprecate useTransition in favor of useNavigation (#5687)
• 3d92d46 Merge branch 'release-next' into dev
• 73fc576 chore: Update version for release (#5605)
• 19a7f34 Fix useMatches returning different loader data on sub navigation on client si...
• 23e2773 chore: Update version for release (pre) (#5596)
• 0d9e55f Bump router versions (#5594)
• 2b5e1a7 fix(*): fix error message (#5587)
• 1c276b3 chore: Update version for release (pre) (#5553)
• Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

---

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot merge will merge this PR after your CI passes on it
• @dependabot squash and merge will squash and merge this PR after your CI passes on it
• @dependabot cancel merge will cancel a previously requested merge and block automerging
• @dependabot reopen will reopen this PR if it is closed
• @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
• @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
• @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
• @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
• @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
• @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language