Update redux dependencies (major) - autoclosed#1096
Closed
renovate[bot] wants to merge 1 commit intomasterfrom
Closed
Update redux dependencies (major) - autoclosed#1096renovate[bot] wants to merge 1 commit intomasterfrom
renovate[bot] wants to merge 1 commit intomasterfrom
Conversation
🦙 MegaLinter status: ✅ SUCCESS
See detailed report in MegaLinter reports |
buberdds
requested changes
Oct 20, 2022
Contributor
buberdds
left a comment
There was a problem hiding this comment.
webext-redux is not working with react-redux v8
2f72a41 to
9277246
Compare
8572414 to
b5e6bd8
Compare
7e1b99c to
ac78b81
Compare
ac78b81 to
5b66827
Compare
5b66827 to
52aff02
Compare
52aff02 to
66becbd
Compare
66becbd to
10e445f
Compare
10e445f to
c1b71fb
Compare
c1b71fb to
a5d8e68
Compare
a5d8e68 to
2a38854
Compare
2a38854 to
0971df9
Compare
0971df9 to
b61a0cd
Compare
b61a0cd to
bd52391
Compare
bd52391 to
a916933
Compare
a916933 to
db42b0b
Compare
db42b0b to
da5ae52
Compare
da5ae52 to
5bff007
Compare
5bff007 to
3e78db9
Compare
45055a2 to
0aabefa
Compare
0aabefa to
3495e73
Compare
3495e73 to
b40338c
Compare
b40338c to
0109105
Compare
0109105 to
2e898f2
Compare
2e898f2 to
7ff0f0d
Compare
7ff0f0d to
54839e8
Compare
54839e8 to
50f4305
Compare
|
Report too large to display inline |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This PR contains the following updates:
1.9.7->2.6.07.2.9->9.2.0Release Notes
reduxjs/redux-toolkit (@reduxjs/toolkit)
v2.6.0Compare Source
This feature release adds infinite query support to RTK Query.
Changelog
RTK Query Infinite Query support
Since we first released RTK Query in 2021, we've had users asking us to add support for "infinite queries" - the ability to keep fetching additional pages of data for a given endpoint. It's been by far our most requested feature. Until recently, our answer was that we felt there were too many use cases to support with a single API design approach.
Last year, we revisited this concept and concluded that the best approach was to mimic the flexible infinite query API design from React Query. We had additional discussions with @tkdodo , who described the rationale and implementation approach and encouraged us to use their API design, and @riqts provided an initial implementation on top of RTKQ's existing internals.
We're excited to announce that this release officially adds full infinite query endpoint support to RTK Query!
Using Infinite Queries
As with React Query, the API design is based around "page param" values that act as the query arguments for fetching a specific page for the given cache entry.
Infinite queries are defined with a new
build.infiniteQuery()endpoint type. It accepts all of the same options as normal query endpoints, but also needs an additionalinfiniteQueryOptionsfield that specifies the infinite query behaviors. With TypeScript, you must supply 3 generic arguments:build.infiniteQuery<ResultType, QueryArg, PageParam>, whereResultTypeis the contents of a single page,QueryArgis the type passed in as the cache key, andPageParamis the value used to request a specific page.The endpoint must define an
initialPageParamvalue that will be used as the default (and can be overridden if desired). It also needs agetNextPageParamcallback that will calculate the params for each page based on the existing values, and optionally agetPreviousPageParamcallback if reverse fetching is needed. Finally, amaxPagesoption can be provided to limit the entry cache size.The
queryandqueryFnmethods now receive a{queryArg, pageParam}object, instead of just thequeryArg.For the cache entries and hooks, the
datafield is now an object like{pages: ResultType[], pageParams: PageParam[]>. This gives you flexibility in how you use the data for rendering.As with all RTKQ functionality, the core logic is UI-agnostic and does not require React. However, using the RTKQ React entry point will also auto-generate
useInfiniteQueryhooks for these endpoints. Infinite query hooks fetch the initial page, then providefetchNext/PreviousPagefunctions to let you trigger requests for more pages.Docs and Examples
The RTK Query docs have been updated with new content and explanations for infinite queries:
createApidocuments the new infinite query endpoint optionsWe've also added a new infinite query example app in the repo that shows several usage patterns like pagination, cursors, infinite scrolling, and limit+offset queries.
Notes
As with all new features and functionality, more code does mean an increase in bundle size.
We did extensive work to byte-shave and optimize the final bundle size for this feature. Final estimates indicate that this adds about 4.2Kmin to production bundles. That's comparable to React Query's infinite query support size.
However, given RTKQ's current architecture, that bundle size increase is included even if you aren't using any infinite query endpoints in your application. Given the significant additional functionality, that seems like an acceptable tradeoff. (And as always, having this kind of functionality built into RTKQ means that your app benefits when it uses this feature without having to add a lot of additional code to your own app, which would likely be much larger.)
Longer-term, we hope to investigate reworking some of RTKQ's internal architecture to potentially make some of the features opt-in for better bundle size optimizations, but don't have a timeline for that work.
Thanks
This new feature wouldn't have been possible without huge amounts of assistance from several people. We'd like to thank:
What's Changed
and numerous specific sub-PRs that went into that integration PR as I worked through the implementation over the last few months.
Full Changelog: reduxjs/redux-toolkit@v2.5.1...v2.6.0
v2.5.1Compare Source
This bugfix release fixes a logic issue with the new
upsertQueryEntriesutil that sometimes kept entries in apendingstate indefinitely.Changelog
upsertQueryEntriesfixesUsers reported that in some cases, use of
upsertQueryEntriesto insert RTKQ cache entries prevented any further refetches of that data from happening. After investigation, we found a logic mismatch for how we handle upserts vs the existingupsertQueryDatautil, which meant that sometimes the entry would be left in apendingstate expecting afulfilledaction from a request ID that would never happen.This release fixes that issue and ensures the updates and refetches happen correctly.
What's Changed
Full Changelog: reduxjs/redux-toolkit@v2.5.0...v2.5.1
v2.5.0Compare Source
This feature release updates the React peer dependency to work with React 19, and fixes an additional skip token issue.
Changelog
React 19 Compat
React 19 was just released! We've updated our peer dep to accept React 19, and updated our runtime and type tests to check against both React 18 and 19.
Also see React-Redux v9.2.0 for the same peer dep update.
Other Fixes
We previously fixed an issue with the RTKQ core where
serializeQueryArgscallbacks could be called withskipToken, potentially leading to errors. We've fixed an additional location in theuseQueryhooks where that could happen as well.What's Changed
serializeQueryArgs+skipTokencase by @markerikson in https://github.com/reduxjs/redux-toolkit/pull/4762Full Changelog: reduxjs/redux-toolkit@v2.4.0...v2.5.0
v2.4.0Compare Source
This feature release includes multiple tweaks and fixes to RTK Query functionality, additional exported TS types, and drops support for TS versions earlier than 5.0.
Changelog
RTK Query Improvements
Lazy query hooks can now be reset.
retry.failnow acceptsmetaas a second argument.Tag invalidation arrays now ignore nullish values.
We did some small internal refactoring around Maps and default values that shrank bundle size slightly.
Bugfixes
Passing
skipTokento a query hook now bails out before running any other logic, which fixes cases whereserializeQueryArgspreviously threw an error because there were no args to process.The
autoBatchEnhancernow readswindow.requestAnimationFramelater, which it to work properly with Jest fake timers.We fixed cases where the hook result
isSuccessflag would briefly flicker tofalsewhen switched to a different cache entry that was uninitialized, and would briefly flicker totruewhen refetching a query that previously errored.The listener middleware previously had inconsistent logic checks for comparing against existing listener entries (effect + type, vs effect only). It now always checks both effect + type.
Additional TS Types
We now export
Typed[Query|Mutation]OnQueryStartedhelpers to let you defineonQueryStartedcallbacks outside ofcreateApiif desired.We also now export a
CreateAsyncThunkFunctiontype that can be used to type userland wrappers aroundcreateAsyncThunk.TS Support Matrix Updates
We've historically tried to maintain TS backwards compatibility as long as possible, and made occasional updates to our TS support matrix in minor versions over time. As of RTK 2.3.0, we officially supported back through TS 4.7.
As of this release, we're tweaking that support policy to match the policy used by DefinitelyTyped:
Given that, we've dropped official support for TS versions earlier than 5.0. (RTK may work with those versions, but we no longer test against them and won't try to fix issues with those versions.)
We'll continue to update our TS support matrix over time based on that 2-year rolling window.
What's Changed
window.rAFlater to allow fake timers to work correctly by @ensconced in https://github.com/reduxjs/redux-toolkit/pull/4701OnQueryStartedcallbacks by @aryaemami59 in https://github.com/reduxjs/redux-toolkit/pull/4713createAsyncThunkwithout thewithTypesmethod by @EskiMojo14 in https://github.com/reduxjs/redux-toolkit/pull/4667isSuccess: truewhen switching to an uninitialized cache entry by @markerikson in https://github.com/reduxjs/redux-toolkit/pull/4731isSuccessconsistent when refetching after an error by @markerikson in https://github.com/reduxjs/redux-toolkit/pull/4732Full Changelog: reduxjs/redux-toolkit@v2.3.0...v2.4.0
v2.3.0Compare Source
This feature release adds a new RTK Query
upsertQueryEntriesutil to batch-upsert cache entries more efficiently, passes through additional values for use inprepareHeaders, and exports additional TS types around query options and selectors.Changelog
upsertQueryEntriesRTK Query already had an
upsertQueryDatathunk that would upsert a single cache entry. However, some users wanted to upsert many cache entries (potentially hundreds or thousands), and found thatupsertQueryDatahad poor performance in those cases. This is becauseupsertQueryDataruns the full async request handling sequence, including dispatching bothpendingandfulfilledactions, each of which run the main reducer and update store subscribers. That means there's2Nstore / UI updates per item, so upserting hundreds of items becomes extremely perf-intensive.RTK Query now includes an
api.util.upsertQueryEntriesaction that is meant to handle the batched upsert use case more efficiently. It's a single synchronous action that accepts an array of many{endpointName, arg, value}entries to upsert. This results in a single store update, making this vastly better for performance vs many individualupsertQueryDatacalls.We see this as having two main use cases. The first is prefilling the cache with data retrieved from storage on app startup (and it's worth noting that
upsertQueryEntriescan accept entries for many different endpoints as part of the same array).The second is to act as a "pseudo-normalization" tool. RTK Query is not a "normalized" cache. However, there are times when you may want to prefill other cache entries with the contents of another endpoint, such as taking the results of a
getPostslist endpoint response and prefilling the individualgetPost(id)endpoint cache entries, so that components that reference an individual item endpoint already have that data available.Currently, you can implement the "pseudo-normalization" approach by dispatching
upsertQueryEntriesin an endpoint lifecycle, like this:Down the road we may add a new option to query endpoints that would let you provide the mapping function and have it automatically update the corresponding entries.
For additional comparisons between
upsertQueryDataandupsertQueryEntries, see theupsertQueryEntriesAPI reference.prepareHeadersOptionsThe
prepareHeaderscallback forfetchBaseQuerynow receives two additional values in theapiargument:arg: the URL string orFetchArgsobject that was passed in tofetchBaseQueryfor this endpointextraOptions: any extra options that were provided to the base queryAdditional TS Types
We've added a
TypedQueryStateSelectortype that can be used to pre-type selectors for use withselectFromResult:We've also exported several additional TS types around base queries and tag definitions.
What's Changed
TypedQueryStateSelectorhelper type by @aryaemami59 in https://github.com/reduxjs/redux-toolkit/pull/4656Full Changelog: reduxjs/redux-toolkit@v2.2.8...v2.3.0
v2.2.8Compare Source
This bugfix release fixes a long-standing issue with RTK Query lazy query triggers returning stale data in some cases, fixes an error handling issue in RTK Query, and exports additional TS types.
Changelog
Lazy Query Trigger Handling
We'd had a couple long-standing issues reporting that
const result = await someLazyQueryTrigger()sometimes returned stale data, especially if a mutation had just invalidated that query's tag.We finally got a good repro of this issue and identified it as a mis-written call inside of the middleware that skipped past the necessary handling to activate the correct query status tracking in that scenario. This should now be fixed.
Other Changes
Timeout handling in RTKQ endpoints should now correctly throw a timeout-related error instead of an
AbortError.Base queries now have access to the current
queryCacheKeyvalue so it can be used in deciding query logic.We've exported several more TS types related to query options, as some users have been depending on those even though they previously weren't part of the public API.
What's Changed
QueryExtraOptionsandMutationExtraOptionsby @aryaemami59 in https://github.com/reduxjs/redux-toolkit/pull/4556mangleErrorsnot preserving different error types by @aryaemami59 in https://github.com/reduxjs/redux-toolkit/pull/4586TypedUseQueryStateOptionshelper type by @aryaemami59 in https://github.com/reduxjs/redux-toolkit/pull/4604AbortErrorbeing triggered incorrectly oncreateApiendpoint timeout by @andrejpavlovic in https://github.com/reduxjs/redux-toolkit/pull/4628initiateto refetch queries from middleware by @phryneas in https://github.com/reduxjs/redux-toolkit/pull/4651Full Changelog: reduxjs/redux-toolkit@v2.2.7...v2.2.8
v2.2.7Compare Source
This bugfix release fixes issues with "TS type portability" errors, improves build artifact tree shaking behavior, and exports some additional TS types.
Changelog
TS Type Portability
We've had a slew of issues reported around "TS type portability" errors, such as:
The error messages are typically along the lines of:
@aryaemami59 did some deep investigation and concluded these were due to a mixture of using
interfaceinstead oftypein most places, not pre-bundling our TS typedefs, and not exporting some of the unique symbols we use internally.Arya put together a highly detailed writeup and set of fixes in #4467: Fix: TypeScript Type Portability Issues, and that appears to resolve all of those issues we've seen. Thank you!
Other Changes
Arya also did significant work to improve RTK's treeshaking, tweaking internal definitions to let bundlers better separate out unused code.
We've exported additional types like
UpdateDefinitionsandRetryOptions, per request.listenerMiddleware.withTypes()methods now allow passing in anExtraArgumentgeneric.What's Changed
Full Changelog: reduxjs/redux-toolkit@v2.2.6...v2.2.7
v2.2.6Compare Source
This bugfix release:
useIsomorphicLayoutEffectusage in line with React Redux in React Native environmentsFetchBaseQueryArgstypecreateEntityAdaptersorting perf improvements that could (in specific cases) cause Immer to throw an errorWhat's Changed
useIsomorphicLayoutEffectusage in React Native environments by @aryaemami59 in https://github.com/reduxjs/redux-toolkit/pull/4436Full Changelog: reduxjs/redux-toolkit@v2.2.5...v2.2.6
v2.2.5Compare Source
This bugfix release fixes an issue in the recent
createEntityAdaptersorting perf improvements that could (in specific cases) cause Immer to throw an error when trying to read a plain JS value instead of a proxy-wrapped value.What's Changed
currentmay fail if the value is not a draft by @markerikson in https://github.com/reduxjs/redux-toolkit/pull/4412Full Changelog: reduxjs/redux-toolkit@v2.2.4...v2.2.5
v2.2.4Compare Source
This bugfix release improves sorting performance in
createEntityAdapter, shrinks the code size in matcher utilities, fixes assorted issues with query hooks, and makes several TS tweaks.Changelog
Entity Adapter Sorting Performance
Users reported in #4252 that the sorting performance of
createEntityAdapterseemed abnormally bad - the provided comparison functions were being called far more times than expected.Upon investigation, we had a couple of problems. We were always starting from an array that was in insertion order, not the existing sorted order, and that would always require significant effort to re-sort even if there weren't any actual changes to the sorted results. Also, the sorting checks required frequent access to Immer's Proxy-wrapped values, even in cases where all we needed was the plain state values for comparison purposes.
We've reworked the internal sorting logic to always start from the existing sorted array, do reads against a plain value to avoid the Proxy getter overhead where possible, and optimized inserts into existing sorted arrays. This should significantly speed up sorted entity adapter behavior.
Matcher Code Size Optimization
We've reworked the internals of the thunk-related matchers to deduplicate some of the logic, shaving a few bytes off the final bundle size.
RTK Query Hook Updates
defaultSerializeQueryArgscan now handleBigIntvalues safely.The
isLoadingflag logic was improved to handle errors when a query hook tries to subscribe.TS Updates
create.asyncThunk's types were improved to avoid cases where it might inferany.We've made several internal types changes to work correctly with React 19's upcoming types.
The
retryConditionmethod now receivesunknownas an argument, instead of always assuming the user is usingfetchBaseQuery.Other Changes
The Reselect dep has been bumped to 5.1.0 to match the expected internal usage of
createSelector.withTypes().What's Changed
Contextreferences to match the new nullableContextby @aryaemami59 in https://github.com/reduxjs/redux-toolkit/pull/4336GetThunkAPItype by @shrouxm in https://github.com/reduxjs/redux-toolkit/pull/4289React.ReactChildtype by @aryaemami59 in https://github.com/reduxjs/redux-toolkit/pull/4382JSXglobal namespace withReact.JSXby @aryaemami59 in https://github.com/reduxjs/redux-toolkit/pull/4381useRefusages to be called with an explicit argument ofundefined. by @aryaemami59 in https://github.com/reduxjs/redux-toolkit/pull/4380reselectdependency to 5.1.0 to resolve #4200 by @aryaemami59 in https://github.com/reduxjs/redux-toolkit/pull/4400initiate()action for mutations. by @jared-ca in https://github.com/reduxjs/redux-toolkit/pull/4337Full Changelog: reduxjs/redux-toolkit@v2.2.3...v2.2.4
v2.2.3Compare Source
This bugfix release fixes the types for functions that accept a React Context instance to match the changes in React Redux v9.
What's Changed
.withTypesby @aryaemami59 in https://github.com/reduxjs/redux-toolkit/pull/4308Full Changelog: reduxjs/redux-toolkit@v2.2.2...v2.2.3
v2.2.2Compare Source
This patch release fixes an incorrect build setting for the
legacy-esmartifacts, and fixes an issue with RTKQ query hooks didn't always remove the cache entries if arguments were changed rapidly.Changes
legacy-esmArtifact TranspilationThe
legacy-esmbuild artifacts are intended for use by Webpack 4. Those were supposed to be transpiled to target"es2017", but were in fact still set to target"esnext"- an oversight during the 2.0 development cycle. This release fixes that setting, so those artifacts are now correctly transpiled.Other Fixes
RTKQ query hooks now handle additional actions around argument changes that should result in cache entries being removed.
Additionally, 2.2.1 contained a fix to an incorrectly named type:
TypedUseMutationTriggeris nowTypedMutationTrigger.What's Changed
Full Changelog: reduxjs/redux-toolkit@v2.2.0...v2.2.2
v2.2.1Compare Source
v2.2.0Compare Source
This minor release:
entityAdapter.getInitialState(additionalProps, entities)to allow prefilling stateentityAdapter.setAll(entityAdapter.getInitialState(additionalProps), entities)undefinedif no additional properties are desiredcombineSliceswith no static reducersconst combinedReducer = combineSlices().withLazyLoadedSlices<LazyLoadedSlices>()would have thrown an error'throw'value foroverrideExistingininjectEndpoints, which throws an error if a definition is injected with a name which is already usedenhanceEndpointsLazyLoadedSlices)action.meta.arg.isPrefetchvalue to query thunk actions when prefetchedWhat's Changed
cli.jstocli.mjsby @aryaemami59 in https://github.com/reduxjs/redux-toolkit/pull/4169withLazyLoadedSlicesby @aryaemami59 in https://github.com/reduxjs/redux-toolkit/pull/4172overrideExistingby @ffluk3 in https://github.com/reduxjs/redux-toolkit/pull/4189tsconfig.jsonfiles of all CodesandBox examples by @aryaemami59 in https://github.com/reduxjs/redux-toolkit/pull/4190New Contributors
Full Changelog: reduxjs/redux-toolkit@v2.1.0...v2.2.0
v2.1.0Compare Source
This minor release:
listenerMiddlewareandcreateDraftSafeSelectorskipPollingIfUnfocusedoption to RTK QuerycreateSelectorinstance used by RTK Querythisvaluecreate.asyncThunktype parametersqueryFnsWhat's Changed
listenerMiddleware.withTypes<RootState, AppDispatch>()method by @aryaemami59 in https://github.com/reduxjs/redux-toolkit/pull/4049.withTypestocreateDraftSafeSelectorby @aryaemami59 in https://github.com/reduxjs/redux-toolkit/pull/4080thisin createSlice by @EskiMojo14 in https://github.com/reduxjs/redux-toolkit/pull/4071tsconfig.typetests.jsonto include all TS files by @aryaemami59 in https://github.com/reduxjs/redux-toolkit/pull/4091composeWithDevToolsspy by @aryaemami59 in https://github.com/reduxjs/redux-toolkit/pull/4093Configuration
📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.
👻 Immortal: This PR will be recreated if closed unmerged. Get config help if that's undesired.
This PR was generated by Mend Renovate. View the repository job log.