This page lists all releases/release notes for Remix back to v2.0.0. For releases prior to v2, please refer to the Github Releases Page.
We manage release notes in this file instead of the paginated Github Releases Page for 2 reasons:
- Pagination in the Github UI means that you cannot easily search release notes for a large span of releases at once
- The paginated Github interface also cuts off longer releases notes without indication in list view, and you need to click into the detail view to see the full set of release notes
We're excited to land the Client Data RFC in this release! The final API differs slightly from the RFC, so please check out the docs for use-cases and final APIs:
While we still recommend server loaders/actions for the majority of your data needs in a Remix app - these provide some levers you can pull for more advanced use-cases such as:
- Skip the Hop: Query a data API directly from the browser, using loaders simply for SSR
- Fullstack State: Augment server data with client data for your full set of loader data
- One or the Other: Sometimes you use server loaders, sometimes you use client loaders, but not both on one route
- Client Cache: Cache server loader data in the client and avoid some server calls
- Migration: Ease your migration from React Router -> Remix SPA -> Remix SSR
We introduced a future.v3_relativeSplatPath flag to implement a breaking bug fix to relative routing when inside a splat route. For more information, please see the React Router 6.21.0 Release Notes and the useResolvedPath docs
Remix now excludes modules within .server directories from client build.
Remix now enforces strict route exports, and will will throw an error if you have unsupported exports in your route modules. Previously, the Remix compiler would allow any export from routes. While this was convenient, it was also a common source of bugs that were hard to track down because they only surfaced at runtime. For more information, please see the docs.
- Add support for
clientLoader/clientAction/HydrateFallbackroute exports (#8173) - Add a new
future.v3_relativeSplatPathflag to implement a breaking bug fix to relative routing when inside a splat route (#8216) - Deprecate
DataFunctionArgsin favor ofLoaderFunctionArgs/ActionFunctionArgs(#8173)- This is aimed at keeping the types aligned across server/client loaders/actions now that
clientLoader/clientActonfunctions haveserverLoader/serverActionparameters which differentiateClientLoaderFunctionArgs/ClientActionFunctionArgs
- This is aimed at keeping the types aligned across server/client loaders/actions now that
- Vite: Exclude modules within
.serverdirectories from client build (#8154) - Vite: Strict route exports (#8171)
-
@remix-run/server-runtime: Fix flash of unstyled content for non-Express custom servers in Vite dev (#8076) -
@remix-run/server-runtime: Pass request handler errors tovite.ssrFixStacktracein Vite dev to ensure stack traces correctly map to the original source code (#8066) -
remix-serve: Fix source map loading when file has?t=timestampsuffix (rebuilds) (#8174) -
@remix-run/dev: Change Vite build output paths to fix a conflict between how Vite and the Remix compiler each manage thepublicdirectory (#8077)⚠️ This is a breaking change for projects using the unstable Vite plugin- The server is now compiled into
build/serverrather thanbuild, and the client is now compiled intobuild/clientrather thanpublic - For more information on the changes and guidance on how to migrate your project, refer to the updated Remix Vite documentation
-
@remix-run/dev: Upgrade Vite peer dependency range to v5 (#8172) -
@remix-run/dev: Support HMR for routes withhandleexport in Vite dev (#8022) -
@remix-run/dev: Fix flash of unstyled content for non-Express custom servers in Vite dev (#8076) -
@remix-run/dev: Bundle CSS imported in client entry file in Vite plugin (#8143) -
@remix-run/dev: Remove undocumentedlegacyCssImportsoption from Vite plugin due to issues with?urlimports of CSS files not being processed correctly in Vite (#8096) -
@remix-run/dev: Vite: fix access to defaultentry.{client,server}.tsxwithinpnpmworkspaces on Windows (#8057) -
@remix-run/dev: Removeunstable_createViteServerandunstable_loadViteServerBuildwhich were only minimal wrappers around Vite'screateServerandssrLoadModulefunctions when using a custom server (#8120)-
⚠️ This is a breaking change for projects using the unstable Vite plugin with a custom server. -
Instead, we now provide
unstable_viteServerBuildModuleIdso that custom servers interact with Vite directly rather than via Remix APIs, for example:-import { - unstable_createViteServer, - unstable_loadViteServerBuild, -} from "@remix-run/dev"; +import { unstable_viteServerBuildModuleId } from "@remix-run/dev";
Creating the Vite server in middleware mode:
const vite = process.env.NODE_ENV === "production" ? undefined - : await unstable_createViteServer(); + : await import("vite").then(({ createServer }) => + createServer({ + server: { + middlewareMode: true, + }, + }) + );Loading the Vite server build in the request handler:
app.all( "*", createRequestHandler({ build: vite - ? () => unstable_loadViteServerBuild(vite) + ? () => vite.ssrLoadModule(unstable_viteServerBuildModuleId) : await import("./build/server/index.js"), }) );
-
-
@remix-run/dev: Pass request handler errors tovite.ssrFixStacktracein Vite dev to ensure stack traces correctly map to the original source code (#8066) -
@remix-run/dev: Vite: Preserve names for exports from.clientimports (#8200)- Unlike
.servermodules, the main idea is not to prevent code from leaking into the server build since the client build is already public - Rather, the goal is to isolate the SSR render from client-only code
- Routes need to import code from
.clientmodules without compilation failing and then rely on runtime checks to determine if the code is running on the server or client - Replacing
.clientmodules with empty modules would cause the build to fail as ESM named imports are statically analyzed- So instead, we preserve the named export but replace each exported value with an empty object
- That way, the import is valid at build time and the standard runtime checks can be used to determine if then code is running on the server or client
- Unlike
-
@remix-run/dev: Add@remix-run/nodeto Vite'soptimizeDeps.includearray (#8177) -
@remix-run/dev: Improve Vite plugin performance (#8121)- Parallelize detection of route module exports
- Disable
server.preTransformRequestsin Vite child compiler since it's only used to process route modules
-
@remix-run/dev: Remove automatic global Node polyfill installation from the built-in Vite dev server and instead allow explicit opt-in (#8119)-
⚠️ This is a breaking change for projects using the unstable Vite plugin without a custom server. -
If you're not using a custom server, you should call
installGlobalsin your Vite config instead.import { unstable_vitePlugin as remix } from "@remix-run/dev"; +import { installGlobals } from "@remix-run/node"; import { defineConfig } from "vite"; +installGlobals(); export default defineConfig({ plugins: [remix()], });
-
-
@remix-run/dev: Vite: Errors at build-time when client imports .server default export (#8184)- Remix already stripped .server file code before ensuring that server code never makes it into the client
- That results in errors when client code tries to import server code, which is exactly what we want!
- But those errors were happening at runtime for default imports
- A better experience is to have those errors happen at build-time so that you guarantee that your users won't hit them
-
@remix-run/dev: Fixrequest instanceof Requestchecks when using Vite dev server (#8062)
create-remix@remix-run/architect@remix-run/cloudflare@remix-run/cloudflare-pages@remix-run/cloudflare-workers@remix-run/css-bundle@remix-run/deno@remix-run/dev@remix-run/eslint-config@remix-run/express@remix-run/node@remix-run/react@remix-run/serve@remix-run/server-runtime@remix-run/testing
Full Changelog: v2.3.1...v2.4.0
@remix-run/dev: Supportnonceprop onLiveReloadcomponent in Vite dev (#8014)@remix-run/dev: Ensure code-split JS files in the server build's assets directory aren't cleaned up after Vite build (#8042)@remix-run/dev: Fix redundant copying of assets frompublicdirectory in Vite build (#8039)- This ensures that static assets aren't duplicated in the server build directory
- This also fixes an issue where the build would break if
assetsBuildDirectorywas deeply nested within thepublicdirectory
create-remix@remix-run/architect@remix-run/cloudflare@remix-run/cloudflare-pages@remix-run/cloudflare-workers@remix-run/css-bundle@remix-run/deno@remix-run/dev@remix-run/eslint-config@remix-run/express@remix-run/node@remix-run/react@remix-run/serve@remix-run/server-runtime@remix-run/testing
Full Changelog: v2.3.0...v2.3.1
We've removed the unstable_ prefix from the useBlocker hook as it's been in use for enough time that we are confident in the API. We do not plan to remove the prefix from unstable_usePrompt due to differences in how browsers handle window.confirm that prevent React Router from guaranteeing consistent/correct behavior.
We've added a new unstable_flushSync option to the imperative APIs (useSubmit, useNavigate, fetcher.submit, fetcher.load) to let users opt-into synchronous DOM updates for pending/optimistic UI.
function handleClick() {
submit(data, { flushSync: true });
// Everything is flushed to the DOM so you can focus/scroll to your pending/optimistic UI
setFocusAndOrScrollToNewlyAddedThing();
}- Remove the
unstable_prefix from theuseBlockerhook (#7882) - Add
unstable_flushSyncoption touseNavigate/useSubmit/fetcher.load/fetcher.submitto opt-out ofReact.startTransitionand intoReactDOM.flushSyncfor state updates (#7996)
@remix-run/react: Add missingmodulepreloadfor the manifest (#7684)@remix-run/server-runtime: Updatedcookiedependency from0.4.1to0.5.0to inherit support forPriorityattribute in Chrome (#6770)@remix-run/dev: FixFutureConfigtype (#7895)- Lots of small fixes for the unstable
vitecompiler:- Support optional rendering of the
LiveReloadcomponent in Vite dev (#7919) - Support rendering of the
LiveReloadcomponent afterScriptsin Vite dev (#7919) - Fix
react-refresh/babelresolution for custom server withpnpm(#7904) - Support JSX usage in
.jsxfiles without manualReactimport in Vite (#7888) - Fix Vite production builds when plugins that have different local state between
developmentandproductionmodes are present (e.g.@mdx-js/rollup) (#7911) - Cache resolution of Remix Vite plugin options (#7908)
- Support Vite 5 (#7846)
- Allow
process.env.NODE_ENVvalues other than"development"in Vite dev (#7980) - Attach CSS from shared chunks to routes in Vite build (#7952)
- Let Vite handle serving files outside of project root via
/@fs(#7913)- This fixes errors when using default client entry or server entry in a pnpm project where those files may be outside of the project root, but within the workspace root
- By default, Vite prevents access to files outside the workspace root (when using workspaces) or outside of the project root (when not using workspaces) unless user explicitly opts into it via Vite's
server.fs.allow
- Improve performance of LiveReload proxy in Vite dev (#7883)
- Deduplicate
@remix-run/react(#7926)- Pre-bundle Remix dependencies to avoid Remix router duplicates
- Our
remix-react-proxyplugin does not process default client and server entry files since those come from withinnode_modules - That means that before Vite pre-bundles dependencies (e.g. first time dev server is run) mismatching Remix routers cause
Error: You must render this element inside a <Remix> element
- Fix React Fast Refresh error on load when using
deferin Vite dev server (#7842) - Handle multiple
Set-Cookieheaders in Vite dev server (#7843) - Fix flash of unstyled content on initial page load in Vite dev when using a custom Express server (#7937)
- Populate
process.envfrom.envfiles on the server in Vite dev (#7958) - Emit assets that were only referenced in the server build into the client assets directory in Vite build (#7892, cherry-picked in
8cd31d65)
- Support optional rendering of the
create-remix@remix-run/architect@remix-run/cloudflare@remix-run/cloudflare-pages@remix-run/cloudflare-workers@remix-run/css-bundle@remix-run/deno@remix-run/dev@remix-run/eslint-config@remix-run/express@remix-run/node@remix-run/react@remix-run/serve@remix-run/server-runtime@remix-run/testing
Full Changelog: v2.2.0...v2.3.0
Remix 2.2.0 adds unstable support for Vite for Node-based apps! See our announcement blog post and the Future > Vite page in the Remix docs for more details.
You can try it out today with two new (unstable) templates:
# minimal server
npx create-remix@latest --template remix-run/remix/templates/unstable-vite
# custom server (Express example)
npx create-remix@latest --template remix-run/remix/templates/unstable-vite-express
- New APIs in
@remix-run/devunstable_vitePlugin: The new Remix Vite pluginunstable_createViteServer: Creates a Vite server in middleware mode for interop with custom serversunstable_loadViteServerBuild: Allows your custom server to delegate SSR requests to Vite during development
- Changed APIs
createRequestHandler: Now also allows thebuildargument to be a function that will be used to dynamically load new builds for each request during development
- Other Runtimes
- Deno support is untested, but should work through Deno's Node/
npminterop - CloudFlare support is not yet available
- Deno support is untested, but should work through Deno's Node/
Per this RFC, we've introduced some new APIs that give you more granular control over your fetcher behaviors:
- You may now specify your own fetcher identifier via
useFetcher({ key: string }), which allows you to access the same fetcher instance from different components in your application without prop-drilling - Fetcher keys are now exposed on the fetchers returned from
useFetchersso that they can be looked up bykey FormanduseSubmitnow support optionalnavigate/fetcherKeyprops/params to allow kicking off a fetcher submission under the hood with an optionally user-specifiedkey<Form method="post" navigate={false} fetcherKey="my-key">submit(data, { method: "post", navigate: false, fetcherKey: "my-key" })- Invoking a fetcher in this way is ephemeral and stateless
- If you need to access the state of one of these fetchers, you will need to leverage
useFetchers()oruseFetcher({ key })to look it up elsewhere
Per the same RFC as above, we've introduced a new future.v3_fetcherPersist flag that allows you to opt-into the new fetcher persistence/cleanup behavior. Instead of being immediately cleaned up on unmount, fetchers will persist until they return to an idle state. This makes pending/optimistic UI much easier in scenarios where the originating fetcher needs to unmount.
- This is sort of a long-standing bug fix as the
useFetchers()API was always supposed to only reflect in-flight fetcher information for pending/optimistic UI -- it was not intended to reflect fetcher data or hang onto fetchers after they returned to anidlestate - Keep an eye out for the following specific behavioral changes when opting into this flag and check your app for compatibility:
- Fetchers that complete while still mounted will no longer appear in
useFetchers()after completion - they served no purpose in there since you can access the data viauseFetcher().data - Fetchers that previously unmounted while in-flight will not be immediately aborted and will instead be cleaned up once they return to an
idlestate- They will remain exposed via
useFetcherswhile in-flight so you can still access pending/optimistic data after unmount - If a fetcher is no longer mounted when it completes, then it's result will not be post processed - e.g., redirects will not be followed and errors will not bubble up in the UI
- However, if a fetcher was re-mounted elsewhere in the tree using the same
key, then it's result will be processed, even if the originating fetcher was unmounted
- They will remain exposed via
- Fetchers that complete while still mounted will no longer appear in
- Unstable
vitesupport (#7590) - New fetcher
keyAPIs andnavigate/fetcherKeyparams for navigational APIs (#10960) - New
future.v3_fetcherPersistflag (#10962)
@remix-run/express: Allow the Express adapter to work behind a proxy when usingapp.enable('trust proxy')(#7323)- Previously, this used
req.get('host')to construct the RemixRequest, but that does not respectX-Forwarded-Host - This now uses
req.hostnamewhich will respectX-Forwarded-Host
- Previously, this used
@remix-run/react: Fix warning that could be inadvertently logged when using route files with nodefaultexport (#7745)create-remix: Support local tarballs with a.tgzextension which allows direct support forpnpm packtarballs (#7649)create-remix: Default the Remix app version to the version ofcreate-remixbeing used (#7670)- This most notably enables easier usage of tags, e.g.
npm create remix@nightly
- This most notably enables easier usage of tags, e.g.
create-remix@remix-run/architect@remix-run/cloudflare@remix-run/cloudflare-pages@remix-run/cloudflare-workers@remix-run/css-bundle@remix-run/deno@remix-run/dev@remix-run/eslint-config@remix-run/express@remix-run/node@remix-run/react@remix-run/serve@remix-run/server-runtime@remix-run/testing
Full Changelog: v2.1.0...v2.2.0
We're excited to release experimental support for the the View Transitions API in Remix! You can now trigger navigational DOM updates to be wrapped in document.startViewTransition to enable CSS animated transitions on SPA navigations in your application.
The simplest approach to enabling a View Transition in your Remix app is via the new <Link unstable_viewTransition> prop. This will cause the navigation DOM update to be wrapped in document.startViewTransition which will enable transitions for the DOM update. Without any additional CSS styles, you'll get a basic cross-fade animation for your page.
If you need to apply more fine-grained styles for your animations, you can leverage the unstable_useViewTransitionState hook which will tell you when a transition is in progress and you can use that to apply classes or styles:
function ImageLink(to, src, alt) {
const isTransitioning = unstable_useViewTransitionState(to);
return (
<Link to={to} unstable_viewTransition>
<img
src={src}
alt={alt}
style={{
viewTransitionName: isTransitioning ? "image-expand" : "",
}}
/>
</Link>
);
}You can also use the <NavLink unstable_viewTransition> shorthand which will manage the hook usage for you and automatically add a transitioning class to the <a> during the transition:
a.transitioning img {
view-transition-name: "image-expand";
}<NavLink to={to} unstable_viewTransition>
<img src={src} alt={alt} />
</NavLink>For an example usage of View Transitions, check out our fork of the Astro Records demo (which uses React Router but so does Remix 😉).
For more information on using the View Transitions API, please refer to the Smooth and simple transitions with the View Transitions API guide from the Google Chrome team.
After real-world experience, we're confident in the createRemixStub API and ready to commit to it, so in 2.1.0 we've removed the unstable_ prefix.
<RemixStub remixConfigFuture> prop has been renamed to <RemixStub future> to decouple the future prop from a specific file location.
- Added unstable support for the View Transition API (#10916)
- Stabilized the
@remix-run/testingcreateRemixStubhelper (#7647)
- Emulate types for
JSON.parse(JSON.stringify(x))inSerializeFrom(#7605)- Notably, type fields that are only assignable to
undefinedafter serialization are now omitted sinceJSON.stringify |> JSON.parsewill omit them. See test cases for examples - This fixes type errors when upgrading to v2 from 1.19
- Notably, type fields that are only assignable to
- Avoid mutating
metaobject whentagNameis specified (#7594) - Fix FOUC on subsequent client-side navigations to
route.lazyroutes (#7576) - Export the proper Remix
useMatcheswrapper to fixUIMatchtypings (#7551) @remix-run/cloudflare- sourcemap takes into account special chars in output file (#7574)@remix-run/express- Flush headers fortext/event-streamresponses (#7619)
create-remix@remix-run/architect@remix-run/cloudflare@remix-run/cloudflare-pages@remix-run/cloudflare-workers@remix-run/css-bundle@remix-run/deno@remix-run/dev@remix-run/eslint-config@remix-run/express@remix-run/node@remix-run/react@remix-run/serve@remix-run/server-runtime@remix-run/testing
Full Changelog: v2.0.1...v2.1.0
- Fix types for MDX files when using pnpm (#7491)
- Update
getDependenciesToBundleto handle ESM packages without main exports (#7272)- Note that these packages must expose
package.jsonin theirexportsfield so that their path can be resolved
- Note that these packages must expose
- Fix server builds where
serverBuildPathextension is.cjs(#7180) - Fix HMR for CJS projects using
remix-serveand manual mode (remix dev --manual) (#7487)- By explicitly busting the
requirecache,remix-servenow correctly re-imports new server changes in CJS - ESM projects were already working correctly and are not affected by this.
- By explicitly busting the
- Fix error caused by partially written server build (#7470)
- Previously, it was possible to trigger a reimport of the app server code before the new server build had completely been written. Reimporting the partially written server build caused issues related to
build.assetsbeing undefined and crashing when readingbuild.assets.version
- Previously, it was possible to trigger a reimport of the app server code before the new server build had completely been written. Reimporting the partially written server build caused issues related to
- Add second generic to
UIMatchforhandlefield (#7464) - Fix resource routes being loaded through
route.lazy(#7498) - Throw a semantically correct 405
ErrorResponseinstead of just anErrorwhen submitting to a route without anaction(#7423) - Update to latest version of
@remix-run/web-fetch(#7477) - Switch from
crypto.randomBytestocrypto.webcrypto.getRandomValuesfor file session storage ID generation (#7203) - Use native
Blobclass instead of polyfill (#7217)
Full Changelog: v2.0.0...v2.0.1
We're so excited to release Remix v2 to you and we really hope this upgrade is one of the smoothest framework upgrades you've ever experienced! That was our primary goal with v2 - something we aimed to achieve through a heavy use of deprecation warnings and Future Flags in Remix v1.
If you are on the latest 1.x version and you've enabled all future flags and addressed all console warnings, then our hope is that you are 90% of the way to being upgraded for v2. There are always going to be a few things that we can't put behind a flag (like breaking type changes) or come up at the very last moment and don't have time to add as a warning or flag in 1.x.
If you're not yet on the latest 1.x version we'd recommend first upgrading to that and resolving any flag/console warnings:
> npx upgrade-remix 1.19.3Below is a very concise list of the breaking changes in v2.
- For the most thorough discussion of breaking changes, please read the Upgrading to v2 guide. This document provides a comprehensive walkthrough of the breaking changes that come along with v2 - and instructions on how to adapt your application to handle them
- For additional details, you can refer to the Changes by Package section below
Remix v2 has upgraded it's minimum version support for React and Node and now officially requires:
- React 18 (#7121)
- For information on upgrading to React 18, please see the React upgrade guide
- Node 18 or later (#6939, #7292)
- For information on upgrading to Node 18, please see the Node v18 announcement
- Please refer to the Remix documentation for an overview of when we drop support for Node versions
The following future flags were removed and their behavior is now the default - you can remove all of these from your remix.config.js file.
v2_dev- New dev server with HMR+HDR (#7002)- If you had configurations in
future.v2_devinstead of just the boolean value (i.e.,future.v2_dev.port), you can lift them into a rootdevobject in yourremix.config.js
- If you had configurations in
v2_errorBoundary- RemovedCatchBoundaryin favor of a singularErrorBoundary(#6906)v2_headers- Altered the logic forheadersin nested route scenarios (#6979)v2_meta- Altered the return format ofmeta()(#6958)v2_normalizeFormMethod- NormalizeformMethodAPIs to uppercase (#6875)v2_routeConvention- Routes use a flat route convention by default now (#6969)
The following lists other breaking changes/API removals which had deprecation warnings in Remix v1. If you're on the latest 1.19.3 release without any console warnings, then you're probably good to go on all of these!
remix.config.js- Renamed
browserBuildDirectorytoassetsBuildDirectory(#6900) - Removed
devServerBroadcastDelay(#7063) - Renamed
devServerPorttodev.port(000457e0)- Note that if you are opting into this in a
1.xrelease, your config flag will befuture.v2_dev.port, but on a stable2.xrelease it will bedev.port
- Note that if you are opting into this in a
- Changed the default
serverModuleFormatfromcjstoesm(#6949) - Removed
serverBuildTarget(#6896) - Changed
serverBuildDirectorytoserverBuildPath(#6897) - Node built-ins are no longer polyfilled on the server by default, you must opt-into polyfills via
serverNodeBuiltinsPolyfill(#6911
- Renamed
@remix-run/react- Removed
useTransition(#6870) - Removed
fetcher.typeand flattenedfetcher.submission(#6874)<fetcher.Form method="get">is now more accurately categorized asstate:"loading"instead ofstate:"submitting"to better align with the underlying GET request
- Require camelCased versions of
imagesrcset/imagesizes(#6936)
- Removed
Unfortunately, we didn't manage to get a deprecation warning on every breaking change or API removal 🙃. Here's a list of remaining changes that you may need to look into to upgrade to v2:
remix.config.js- Node built-ins are no longer polyfilled in the browser by default, you must opt-into polyfills via
browserNodeBuiltinsPolyfill(#7269) - PostCSS/Tailwind will be enabled by default if config files exist in your app, you may disable this via the
postcssandtailwindflags (#6909)
- Node built-ins are no longer polyfilled in the browser by default, you must opt-into polyfills via
@remix-run/cloudflare@remix-run/dev- Removed
REMIX_DEV_HTTP_ORIGINin favor ofREMIX_DEV_ORIGIN(#6963) - Removed
REMIX_DEV_SERVER_WS_PORTin favor ofdev.portor--port(#6965) - Removed
--no-restart/restartflag in favor of--manual/manual(#6962) - Removed
--scheme/schemeand--host/hostin favor ofREMIX_DEV_ORIGINinstead (#6962) - Removed the
codemodcommand (#6918)
- Removed
@remix-run/eslint-config@remix-run/netlify- The
@remix-run/netlifyadapter has been removed in favor of the Netlify official adapters (#7058)
- The
@remix-run/nodefetchis no longer polyfilled by default - apps must callinstallGlobals()to install the polyfills (#7009)fetchand related APIs are no longer exported from@remix-run/node- apps should use the versions in the global namespace (#7293)- Apps must call
sourceMapSupport.install()to setup source map support
@remix-run/react- Remove
unstable_shouldReloadin favor ofshouldRevalidate(#6865)
- Remove
@remix-run/serve@remix-run/vercel- The
@remix-run/verceladapter has been removed in favor of out of the box functionality provided by Vercel (#7035)
- The
create-remix- Stop passing
isTypeScripttoremix.initscript (#7099)
- Stop passing
remix- Removed magic exports (#6895)
- Removed
V2_prefixes fromfuture.v2_metatypes as they are now the default behavior (#6958)V2_MetaArgs->MetaArgsV2_MetaDescriptor->MetaDescriptorV2_MetaFunction->MetaFunctionV2_MetaMatch->MetaMatchV2_MetaMatches->MetaMatchesV2_ServerRuntimeMetaArgs->ServerRuntimeMetaArgsV2_ServerRuntimeMetaDescriptor->ServerRuntimeMetaDescriptorV2_ServerRuntimeMetaFunction->ServerRuntimeMetaFunctionV2_ServerRuntimeMetaMatch->ServerRuntimeMetaMatchV2_ServerRuntimeMetaMatches->ServerRuntimeMetaMatches
- The following types were adjusted to prefer
unknownoveranyand to align with underlying React Router types (#7319):- Renamed the
useMatches()return type fromRouteMatchtoUIMatch - Renamed
LoaderArgs/ActionArgstoLoaderFunctionArgs/ActionFunctionArgs AppDatachanged fromanytounknownLocation["state"](useLocation.state) changed fromanytounknownUIMatch["data"](useMatches()[i].data) changed fromanytounknownUIMatch["handle"](useMatches()[i].handle) changed from{ [k: string]: any }tounknownFetcher["data"](useFetcher().data) changed fromanytounknownMetaMatch.handle(used inmeta()) changed fromanytounknownAppData/RouteHandleare no longer exported as they are just aliases forunknown
- Renamed the
- New
create-remixCLI (#6887)- Most notably, this removes the dropdown to choose your template/stack in favor of the
--templateflag and our ever-growing list of available templates - Adds a new
--overwriteflag (#7062) - Supports the
bunpackage manager (#7074)
- Most notably, this removes the dropdown to choose your template/stack in favor of the
- Detect built mode via
build.mode(#6964) - Support polyfilling node globals via
serverNodeBuiltinsPolyfill.globals/browserNodeBuiltinsPolyfill.globals(#7269) - New
redirectDocumentutility to redirect via a fresh document load (#7040, #6842) - Add
errortometaparams so you can render error titles, etc. (#7105) unstable_createRemixStubnow supports addingmeta/linksfunctions on stubbed Remix routes (#7186)unstable_createRemixStubno longer supports theelement/errorElementproperties on routes. You must useComponent/ErrorBoundaryto match what you would export from a Remix route module.
- Remix now uses React Router's
route.lazymethod internally to load route modules on navigations (#7133) - Removed the
@remix-run/nodeatob/btoapolyfills in favor of the built-in versions (#7206) - Decouple the
@remix-run/devpackage from the contents of the@remix-run/css-bundlepackage (#6982)- The contents of the
@remix-run/css-bundlepackage are now entirely managed by the Remix compiler. Even though it's still recommended that your Remix dependencies all share the same version, this change ensures that there are no runtime errors when upgrading@remix-run/devwithout upgrading@remix-run/css-bundle.
- The contents of the
remix-servenow picks an open port if 3000 is taken (#7278)- If
PORTenv var is set,remix-servewill use that port - Otherwise,
remix-servepicks an open port (3000 unless that is already taken)
- If
react-router-dom@6.16.0@remix-run/router@1.9.0@remix-run/web-fetch@4.4.0@remix-run/web-file@3.1.0@remix-run/web-stream@1.1.0
create-remix@remix-run/architect@remix-run/cloudflare@remix-run/cloudflare-pages@remix-run/cloudflare-workers@remix-run/css-bundle@remix-run/deno@remix-run/dev@remix-run/eslint-config@remix-run/express@remix-run/node@remix-run/react@remix-run/serve@remix-run/server-runtime@remix-run/testing