fix(deps): update redux-related packages (major) #85379

matticbot · 2023-12-16T00:13:10Z

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
react-redux	`^8.1.3` -> `^9.1.2`
redux (source)	`^4.2.1` -> `^5.0.1`
redux-thunk	`^2.4.2` -> `^3.1.0`

Release Notes

reduxjs/react-redux (react-redux)

`v9.1.2`

Compare Source

This bugfix release removes the no-longer-necessary peer dependency on react-native, and tweaks a few TS types for compat with the upcoming React 19 release.

Changes

React Native Peer Dependency Removed

We've always had an awkward peer dependency on both ReactDOM and React Native, because of the need to import the unstable_batchedUpdates API directly from each reconciler. That's part of what led to the sequence of 9.x patch releases to deal with RN compat.

As of 9.0.3, we dropped the batching imports completely, since React 18 now batches by default. That means we didn't even have any remaining imports from react-native.

Meanwhile, React 18.3 just came out, but so did React Native 0.74. RN 0.74 still requires React 18.2.

This caused NPM users to have installation failures when trying to use React-Redux:

React-Redux has a peer dep on RN
RN has a peer dep on React 18.2
But the latest React, 18.3 would get installed in the app
NPM errors with a peer dep mismatch

We no longer need to list RN as a peer dep, and dropping that also fixes the NPM installation issues as well.

What's Changed

Fix useRef usages to be called with an explicit argument of undefined. by @aryaemami59 in https://github.com/reduxjs/react-redux/pull/2164
Replace usage of deprecated JSX global namespace with React.JSX by @aryaemami59 in https://github.com/reduxjs/react-redux/pull/2163
Drop now-unneeded RN peer dep by @markerikson in https://github.com/reduxjs/react-redux/pull/2167
Fix remaining React 19 types issues by @markerikson in https://github.com/reduxjs/react-redux/pull/2168

Full Changelog: reduxjs/react-redux@v9.1.1...v9.1.2

`v9.1.1`

Compare Source

This bugfix release fixes an issue with connect and React Native caused by changes to our bundling setup in v9. Nested connect calls should work correctly now.

What's Changed

Remove unused isProcessingDispatch by @Connormiha in https://github.com/reduxjs/react-redux/pull/2122
Move Equals constraint into an intersection type. by @DanielRosenwasser in https://github.com/reduxjs/react-redux/pull/2123
Fix useIsomorphicLayoutEffect usage in React Native environments by @aryaemami59 in https://github.com/reduxjs/react-redux/pull/2156

Full Changelog: reduxjs/react-redux@v9.1.0...v9.1.1

`v9.1.0`

Compare Source

This minor release adds a new syntax for pre-typing hooks.

`.withTypes`

Previously, the approach for "pre-typing" hooks with your app settings was a little varied. The result would look something like the below:

import type { TypedUseSelectorHook } from "react-redux"
import { useDispatch, useSelector, useStore } from "react-redux"
import type { AppDispatch, AppStore, RootState } from "./store"

export const useAppDispatch: () => AppDispatch = useDispatch
export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector
export const useAppStore = useStore as () => AppStore

React Redux v9.1.0 adds a new .withTypes method to each of these hooks, analogous to the .withTypes method found on Redux Toolkit's createAsyncThunk.

The setup now becomes:

import { useDispatch, useSelector, useStore } from "react-redux"
import type { AppDispatch, AppStore, RootState } from "./store"

export const useAppDispatch = useDispatch.withTypes<AppDispatch>()
export const useAppSelector = useSelector.withTypes<RootState>()
export const useAppStore = useStore.withTypes<AppStore>()

This bugfix release updates the React Native peer dependency to be >= 0.69, to better reflect the need for React 18 compat and (hopefully) resolve issues with the npm package manager throwing peer dep errors on install.

What's Changed

Allow react-native newer than 0.69 as peer dependency by @R3DST0RM in https://github.com/reduxjs/react-redux/pull/2107

Full Changelog: reduxjs/react-redux@v9.0.3...v9.0.4

`v9.0.3`

Compare Source

This bugfix release drops the ReactDOM / React Native specific use of render batching, as React 18 now automatically batches, and updates the React types dependencies

Changelog

Batching Dependency Updates

React-Redux has long depended on React's unstable_batchedUpdates API to help batch renders queued by Redux updates. It also re-exported that method as a util named batch.

However, React 18 now auto-batches all queued renders in the same event loop tick, so unstable_batchedUpdates is effectively a no-op.

Using unstable_batchedUpdates has always been a pain point, because it's exported by the renderer package (ReactDOM or React Native), rather than the core react package. Our prior implementation relied on having separate batch.ts and batch.native.ts files in the codebase, and expecting React Native's bundler to find the right transpiled file at app build time. Now that we're pre-bundling artifacts in React-Redux v9, that approach has become a problem.

Given that React 18 already batches by default, there's no further need to continue using unstable_batchedUpdates internally, so we've removed our use of that and simplified the internals.

We still export a batch method, but it's effectively a no-op that just immediately runs the given callback, and we've marked it as @deprecated.

We've also updated the build artifacts and packaging, as there's no longer a need for an alternate-renderers entry point that omits batching, or a separate artifact that imports from "react-native".

What's Changed

Drop renderer-specific batching behavior and deprecate batch by @markerikson in https://github.com/reduxjs/react-redux/pull/2104
Drop @types/react-dom and lower @types/react to min needed by @markerikson in https://github.com/reduxjs/react-redux/pull/2105

Full Changelog: reduxjs/react-redux@v9.0.2...v9.0.3

`v9.0.2`

Compare Source

This bugfix release makes additional tweaks to the React Native artifact filename to help resolve import and bundling issues with RN projects.

What's Changed

Change react-native output extension from .mjs to .js by @aryaemami59 in https://github.com/reduxjs/react-redux/pull/2102

Full Changelog: reduxjs/react-redux@v9.0.1...v9.0.2

`v9.0.1`

Compare Source

This bugfix release updates the package to include a new react-redux.react-native.js bundle that specifically imports React Native, and consolidates all of the 'react' imports into one file to save on bundle size (and enable some tricky React Native import handling).

What's Changed

Add an RN-specific bundle and consolidate imports by @markerikson in https://github.com/reduxjs/react-redux/pull/2100

Full Changelog: reduxjs/react-redux@v9.0.0...v9.0.1

`v9.0.0`

Compare Source

This major release:

Switches to requiring React 18 and Redux Toolkit 2.0 / Redux 5.0
Updates the packaging for better ESM/CJS compatibility and modernizes the build output
Updates the options for dev mode checks in useSelector
Adds a new React Server Components artifact that throws on use, to better indicate compat issues

This release has breaking changes.

This release is part of a wave of major versions of all the Redux packages: Redux Toolkit 2.0, Redux core 5.0, React-Redux 9.0, Reselect 5.0, and Redux Thunk 3.0.

For full details on all of the breaking changes and other significant changes to all of those packages, see the "Migrating to RTK 2.0 and Redux 5.0" migration guide in the Redux docs.

[!NOTE]
The Redux core, Reselect, and Redux Thunk packages are included as part of Redux Toolkit, and RTK users do not need to manually upgrade them - you'll get them as part of the upgrade to RTK 2.0. (If you're not using Redux Toolkit yet, please start migrating your existing legacy Redux code to use Redux Toolkit today!)
React-Redux is a separate, package, but we expect you'll be upgrading them together.

##### React-Redux
npm install react-redux
yarn add react-redux

##### RTK
npm install @&#8203;reduxjs/toolkit
yarn add @&#8203;reduxjs/toolkit

##### Standalone Redux core
npm install redux
yarn add redux

Changelog

React 18 and RTK 2 / Redux core 5 Are Required

React-Redux 7.x and 8.x worked with all versions of React that had hooks (16.8+, 17.x, 18.x). However, React-Redux v8 used React 18's new useSyncExternalStore hook. In order to maintain backwards compatibility with older React versions, we used the use-sync-external-store "shim" package that provided an official userland implementation of the useSyncExternalStore hook when used with React 16 or 17. This meant that if you were using React 18, there were a few hundred extra bytes of shim code being imported even though it wasn't needed.

For React-Redux v9, we're switching so that React 18 is now required! This both simplifies the maintenance burden on our side (fewer versions of React to test against), and also lets us drop the extra bytes because we can import useSyncExternalStore directly.

React 18 has been out for a year and a half, and other libraries like React Query are also switching to require React 18 in their next major version. This seems like a reasonable time to make that switch.

Similarly, React-Redux now depends on Redux core v5 for updated TS types (but not runtime behavior). We strongly encourage all Redux users to be using Redux Toolkit, which already includes the Redux core. Redux Toolkit 2.0 comes with Redux core 5.0 built in.

ESM/CJS Package Compatibility

The biggest theme of the Redux v5 and RTK 2.0 releases is trying to get "true" ESM package publishing compatibility in place, while still supporting CJS in the published package.

The primary build artifact is now an ESM file, dist/react-redux.mjs. Most build tools should pick this up. There's also a CJS artifact, and a second copy of the ESM file named react-redux.legacy-esm.js to support Webpack 4 (which does not recognize the exports field in package.json). There's also two special-case artifacts: an "alternate renderers" artifact that should be used for any renderer other than ReactDOM or React Native (such as the ink React CLI renderer), and a React Server Components artifact that throws when any import is used (since using hooks or context would error anyway in an RSC environment). Additionally, all of the build artifacts now live under ./dist/ in the published package.

Previous releases actually shipped separate individual transpiled source files - the build artifacts are now pre-bundled, same as the rest of the Redux libraries.

Modernized Build Output

We now publish modern JS syntax targeting ES2020, including optional chaining, object spread, and other modern syntax. If you need to . If you need to target older browsers, please transpile the packages yourself (or use the legacy-esm build artifact for ES2017).

Build Tooling

We're now building the package using https://github.com/egoist/tsup. We also now include sourcemaps for the ESM and CJS artifacts.

Dropping UMD Builds

Redux has always shipped with UMD build artifacts. These are primarily meant for direct import as script tags, such as in a CodePen or a no-bundler build environment.

We've dropped those build artifacts from the published package, on the grounds that the use cases seem pretty rare today.

There's now a react-redux.browser.mjs file in the package that can be loaded from a CDN like Unpkg.

If you have strong use cases for us continuing to include UMD build artifacts, please let us know!

React Server Components Behavior

Per Mark's post "My Experience Modernizing Packages to ESM", one of the recent pain points has been the rollout of React Server Components and the limits the Next.js + React teams have added to RSCs. We see many users try to import and use React-Redux APIs in React Server Component files, then get confused why things aren't working right.

To address that, we've added a new entry point with a "react-server" condition. Every export in that file will throw an error as soon as it's called, to help catch this mistake earlier.

Dev Mode Checks Updated

In v8.1.0, we updated useSelector to accept an options object containing options to check for selectors that always calculate new values, or that always return the root state.

We've renamed the noopCheck option to identityFunctionCheck for clarity. We've also changed the structure of the options object to be:

export type DevModeCheckFrequency = 'never' | 'once' | 'always'

export interface UseSelectorOptions<Selected = unknown> {
  equalityFn?: EqualityFn<Selected>
  devModeChecks?: {
    stabilityCheck?: DevModeCheckFrequency
    identityFunctionCheck?: DevModeCheckFrequency
  }
}

`hoist-non-react-statics` and `react-is` Deps Inlined

Higher Order Components have been discouraged in the React ecosystem over the last few years. However, we still include the connect API. It's now in maintenance mode and not in active development.

As described in the React legacy docs on HOCs, one quirk of HOCs is needing to copy over static methods to the wrapper component. The hoist-non-react-statics package has been the standard tool to do that.

We've inlined a copy of hoist-non-react-statics and removed the package dep, and confirmed that this improves tree-shaking.

We've also done the same with the react-is package as well, which was also only used by connect.

This should have no user-facing effects.

TypeScript Support

We've dropped support for TS 4.6 and earlier, and our support matrix is now TS 4.7+.

What's Changed

Update packaging, build config, and entry points for v9 by @markerikson in https://github.com/reduxjs/react-redux/pull/2038
Add stack to dev mode checks by @EskiMojo14 in https://github.com/reduxjs/react-redux/pull/2064
add an extra entrypoint for React Server Components by @phryneas in https://github.com/reduxjs/react-redux/pull/2062
Inline hoist-non-react-statics to eliminate a dep and help shaking by @markerikson in https://github.com/reduxjs/react-redux/pull/2066
Make context typing more accurate by @EskiMojo14 in https://github.com/reduxjs/react-redux/pull/2041
Fix uSES imports and run against RTK CI examples by @markerikson in https://github.com/reduxjs/react-redux/pull/2070
Copy CI setup for RTK examples by @markerikson in https://github.com/reduxjs/react-redux/pull/2072
Fix useSelector() in combination with lazy loaded components breaks with react v18 (#1977) by @jeroenpx in https://github.com/reduxjs/react-redux/pull/2068
Actually add sideEffects: "false" to package.json in v9 by @markerikson in https://github.com/reduxjs/react-redux/pull/2079
Inline react-is utils to fix tree-shaking in 9.0 by @markerikson in https://github.com/reduxjs/react-redux/pull/2085
Rename noopCheck to identityFunctionCheck by @aryaemami59 in https://github.com/reduxjs/react-redux/pull/2091
Use scoped JSX for React types by @markerikson in https://github.com/reduxjs/react-redux/pull/2092

Full Changelog: reduxjs/react-redux@v8.1.2...v9.0.0

reduxjs/redux (redux)

`v5.0.1`

Compare Source

This patch release adjusts the isPlainObject util to allow objects created via Object.create(null), and fixes a type issue which accidentally made the store state type non-nullable.

What's Changed

fix(isPlainObject): support check Object.create(null) by @zhe-he in https://github.com/reduxjs/redux/pull/4633
fix(types/store): Unexpectedly narrowed return type of function Store['getState'] by @exuanbo in https://github.com/reduxjs/redux/pull/4638

Full Changelog: reduxjs/redux@v5.0.0...v5.0.1

`v5.0.0`

Compare Source

This major release:

Converts the codebase to TypeScript
Updates the packaging for better ESM/CJS compatibility and modernizes the build output
Requires that action.type must be a string
Continues to mark createStore as deprecated
Deprecates the AnyAction type in favor of an UnknownAction type that is used everywhere
Removes the PreloadedState type in favor of a new generic argument for the Reducer type.

This release has breaking changes.

This release is part of a wave of major versions of all the Redux packages: Redux Toolkit 2.0, Redux core 5.0, React-Redux 9.0, Reselect 5.0, and Redux Thunk 3.0.

For full details on all of the breaking changes and other significant changes to all of those packages, see the "Migrating to RTK 2.0 and Redux 5.0" migration guide in the Redux docs.

[!NOTE]
The Redux core, Reselect, and Redux Thunk packages are included as part of Redux Toolkit, and RTK users do not need to manually upgrade them - you'll get them as part of the upgrade to RTK 2.0. (If you're not using Redux Toolkit yet, please start migrating your existing legacy Redux code to use Redux Toolkit today!)

### RTK
npm install @&#8203;reduxjs/toolkit
yarn add @&#8203;reduxjs/toolkit

### Standalone
npm install redux
yarn add redux

Changelog

ESM/CJS Package Compatibility

The biggest theme of the Redux v5 and RTK 2.0 releases is trying to get "true" ESM package publishing compatibility in place, while still supporting CJS in the published package.

The primary build artifact is now an ESM file, dist/redux.mjs. Most build tools should pick this up. There's also a CJS artifact, and a second copy of the ESM file named redux.legacy-esm.js to support Webpack 4 (which does not recognize the exports field in package.json). Additionally, all of the build artifacts now live under ./dist/ in the published package.

Modernized Build Output

We now publish modern JS syntax targeting ES2020, including optional chaining, object spread, and other modern syntax. If you need to

Build Tooling

We're now building the package using https://github.com/egoist/tsup. We also now include sourcemaps for the ESM and CJS artifacts.

Dropping UMD Builds

Redux has always shipped with UMD build artifacts. These are primarily meant for direct import as script tags, such as in a CodePen or a no-bundler build environment.

We've dropped those build artifacts from the published package, on the grounds that the use cases seem pretty rare today.

There's now a redux.browser.mjs file in the package that can be loaded from a CDN like Unpkg.

If you have strong use cases for us continuing to include UMD build artifacts, please let us know!

`createStore` Marked Deprecated

In Redux 4.2.0, we marked the original createStore method as @deprecated. Strictly speaking, this is not a breaking change, nor is it new in 5.0, but we're documenting it here for completeness.

This deprecation is solely a visual indicator that is meant to encourage users to migrate their apps from legacy Redux patterns to use the modern Redux Toolkit APIs.

The deprecation results in a visual strikethrough when imported and used, like ~~createStore~~, but with no runtime errors or warnings.

createStore will continue to work indefinitely, and will not ever be removed. But, today we want all Redux users to be using Redux Toolkit for all of their Redux logic.

To fix this, there are three options:

Follow our strong suggestion to switch over to Redux Toolkit and configureStore
Do nothing. It's just a visual strikethrough, and it doesn't affect how your code behaves. Ignore it.
Switch to using the legacy_createStore API that is now exported, which is the exact same function but with no @deprecated tag. The simplest option is to do an aliased import rename, like import { legacy_createStore as createStore } from 'redux'

Action types must be strings

We've always specifically told our users that actions and state must be serializable, and that action.type should be a string. This is both to ensure that actions are serializable, and to help provide a readable action history in the Redux DevTools.

store.dispatch(action) now specifically enforces that action.type must be a string and will throw an error if not, in the same way it throws an error if the action is not a plain object.

In practice, this was already true 99.99% of the time and shouldn't have any effect on users (especially those using Redux Toolkit and createSlice), but there may be some legacy Redux codebases that opted to use Symbols as action types.

TypeScript Changes

We've dropped support for TS 4.6 and earlier, and our support matrix is now TS 4.7+.

Typescript rewrite

In 2019, we began a community-powered conversion of the Redux codebase to TypeScript. The original effort was discussed in #3500: Port to TypeScript, and the work was integrated in PR #3536: Convert to TypeScript.

However, the TS-converted code sat around in the repo for several years, unused and unpublished, due to concerns about possible compatibility issues with the existing ecosystem (as well as general inertia on our part).

Redux core v5 is now built from that TS-converted source code. In theory, this should be almost identical in both runtime behavior and types to the 4.x build, but it's very likely that some of the changes may cause types issues.

Please report any unexpected compatibility issues!!

`AnyAction` deprecated in favour of `UnknownAction`

The Redux TS types have always exported an AnyAction type, which is defined to have {type: string} and treat any other field as any. This makes it easy to write uses like console.log(action.whatever), but unfortunately does not provide any meaningful type safety.

We now export an UnknownAction type, which treats all fields other than action.type as unknown. This encourages users to write type guards that check the action object and assert its specific TS type. Inside of those checks, you can access a field with better type safety.

UnknownAction is now the default any place in the Redux source that expects an action object.

AnyAction still exists for compatibility, but has been marked as deprecated.

Note that Redux Toolkit's action creators have a .match() method that acts as a useful type guard:

if (todoAdded.match(someUnknownAction)) {
  // action is now typed as a PayloadAction<Todo>
}

You can also use the new isAction util to check if an unknown value is some kind of action object.

`Middleware` type changed - Middleware `action` and `next` are typed as `unknown`

Previously, the next parameter is typed as the D type parameter passed, and action is typed as the Action extracted from the dispatch type. Neither of these are a safe assumption:

next would be typed to have all of the dispatch extensions, including the ones earlier in the chain that would no longer apply.
- Technically it would be mostly safe to type next as the default Dispatch implemented by the base redux store, however this would cause next(action) to error (as we cannot promise action is actually an Action) - and it wouldn't account for any following middlewares that return anything other than the action they're given when they see a specific action.
action is not necessarily a known action, it can be literally anything - for example a thunk would be a function with no .type property (so AnyAction would be inaccurate)

We've changed next to be (action: unknown) => unknown (which is accurate, we have no idea what next expects or will return), and changed the action parameter to be unknown (which as above, is accurate).

In order to safely interact with values or access fields inside of the action argument, you must first do a type guard check to narrow the type, such as isAction(action) or someActionCreator.match(action).

This new type is incompatible with the v4 Middleware type, so if a package's middleware is saying it's incompatible, check which version of Redux it's getting its types from!

`PreloadedState` type removed in favour of `Reducer` generic

We've made tweaks to the TS types to improve type safety and behavior.

First, the Reducer type now has a PreloadedState possible generic:

type Reducer<S, A extends Action, PreloadedState = S> = (
  state: S | PreloadedState | undefined,
  action: A
) => S

Per the explanation in #4491:

Why the need for this change? When the store is first created by createStore/configureStore, the initial state is set to whatever is passed as the preloadedState argument (or undefined if nothing is passed). That means that the first time that the reducer is called, it is called with the preloadedState. After the first call, the reducer is always passed the current state (which is S).

For most normal reducers, S | undefined accurately describes what can be passed in for the preloadedState. However the combineReducers function allows for a preloaded state of Partial<S> | undefined.

The solution is to have a separate generic that represents what the reducer accepts for its preloaded state. That way createStore can then use that generic for its preloadedState argument.

Previously, this was handled by a $CombinedState type, but that complicated things and led to some user-reported issues. This removes the need for $CombinedState altogether.

This change does include some breaking changes, but overall should not have a huge impact on users upgrading in user-land:

The Reducer, ReducersMapObject, and createStore/configureStore types/function take an additional PreloadedState generic which defaults to S.
The overloads for combineReducers are removed in favor of a single function definition that takes the ReducersMapObject as its generic parameter. Removing the overloads was necessary with these changes, since sometimes it was choosing the wrong overload.
Enhancers that explicitly list the generics for the reducer will need to add the third generic.

Other Changes

Internal Listener Implementation

The Redux store has always used an array to track listener callbacks, and used listeners.findIndex to remove listeners on unsubscribe. As we found in React-Redux, that can have perf issues when many listeners are unsubscribing at once.

In React-Redux, we fixed that with a more sophisticated linked list approach. Here, we've updated the listeners to be stored in a Map instead, which has better delete performance than an array.

In practice this shouldn't have any real effect, because React-Redux sets up a subscription in <Provider>, and all nested components subscribe to that. But, nice to fix it here as well.

`isAction` Predicate

We recently added an isAction predicate to RTK, then realized it's better suited for the Redux core. This can be used anywhere you have a value that could be a Redux action object, and you need to check if it is actually an action. This is specifically useful for use with the updated Redux middleware TS types, where the default value is now unknown and you need to use a type guard to tell TS that the current value is actually an action:

We've also exported the isPlainObject util that's been in the Redux codebase for years as well.

What's Changed

Entirely too many PRs to list here, as it's been a few years since 4.2 was released :) See the diff below.

Full Changelog: reduxjs/redux@v4.2.1...v5.0.0

reduxjs/redux-thunk (redux-thunk)

`v3.1.0`

Compare Source

This major release:

Updates the packaging for better ESM/CJS compatibility
Changes the package to use named exports instead of a default export

This release has breaking changes. (Note: this actually points to v3.1.0, which includes a hotfix that was meant for 3.0.0.)

This release is part of a wave of major versions of all the Redux packages: Redux Toolkit 2.0, Redux core 5.0, React-Redux 9.0, Reselect 5.0, and Redux Thunk 3.0.

For full details on all of the breaking changes and other significant changes to all of those packages, see the "Migrating to RTK 2.0 and Redux 5.0" migration guide in the Redux docs.

[!NOTE]
The Redux core, Reselect, and Redux Thunk packages are included as part of Redux Toolkit, and RTK users do not need to manually upgrade them - you'll get them as part of the upgrade to RTK 2.0. (If you're not using Redux Toolkit yet, please start migrating your existing legacy Redux code to use Redux Toolkit today!)

##### RTK
npm install @&#8203;reduxjs/toolkit
yarn add @&#8203;reduxjs/toolkit

##### Standalone
npm install redux-thunk
yarn add redux-thunk

Changelog

Named Exports Instead of Default Exports

The redux-thunk package previously used a single default export that was the thunk middleware, with an attached field named withExtraArgument that allowed customization.

The default export has been removed. There are now two named exports: thunk (the basic middleware) and withExtraArgument.

If you are using Redux Toolkit, this should have no effect, as RTK already handles this inside of configureStore.

ESM/CJS Package Compatibility

The biggest theme of the Redux v5 and RTK 2.0 releases is trying to get "true" ESM package publishing compatibility in place, while still supporting CJS in the published package.

The primary build artifact is now an ESM file, dist/redux-thunk.mjs. Most build tools should pick this up. There's also a CJS artifact, and a second copy of the ESM file named redux-thunk.legacy-esm.js to support Webpack 4 (which does not recognize the exports field in package.json).

Build Tooling

We're now building the package using https://github.com/egoist/tsup. We also now include sourcemaps for the ESM and CJS artifacts.

The repo has been updated to use Yarn 3 for dependencies and Vitest for running tests.

Dropping UMD Builds

Redux has always shipped with UMD build artifacts. These are primarily meant for direct import as script tags, such as in a CodePen or a no-bundler build environment.

For now, we're dropping those build artifacts from the published package, on the grounds that the use cases seem pretty rare today.

Since the code is so simple, the ESM artifact can be used directly in the browser via Unpkg.

If you have strong use cases for us continuing to include UMD build artifacts, please let us know!

`extend-redux` Typedefs Removed

Redux Thunk 2.x included a redux-thunk/extend-redux TS-only entry point, which extended the types of dispatch and bindActionCreators to globally give them knowledge of the thunk types. We feel that global overrides from a library are an anti-pattern, and we've removed this entry point. (Note: this ended up being released in 3.1.0, as it was missed in the original 3.0.0 release.)

Please follow our TS setup guidelines to infer the correct type of dispatch for your store.

What's Changed

Migrate thunk package to ESM by @markerikson in https://github.com/reduxjs/redux-thunk/pull/340
Switch package manager to Yarn 3 and update CI jobs by @markerikson in https://github.com/reduxjs/redux-thunk/pull/341
Run RTK publish CI examples on built artifact by @markerikson in https://github.com/reduxjs/redux-thunk/pull/342
Rewrite build/test setup and hopefully fix ESM compat by @markerikson in https://github.com/reduxjs/redux-thunk/pull/344
Change artifact names to be redux-thunk by @markerikson in https://github.com/reduxjs/redux-thunk/pull/345
Support Webpack 4 with a "legacy ESM" artifact by @markerikson in https://github.com/reduxjs/redux-thunk/pull/346
update README and types to match named export by @EskiMojo14 in https://github.com/reduxjs/redux-thunk/pull/347
Bump Redux peer dep for RC and update build tooling by @markerikson in https://github.com/reduxjs/redux-thunk/pull/356
Drop the extend-redux addition by @markerikson in https://github.com/reduxjs/redux-thunk/pull/357

Full Changelog: reduxjs/redux-thunk@v2.4.2...v3.1.0

`v3.0.1`

Compare Source

`v3.0.0`

Compare Source

Configuration

📅 Schedule: Branch creation - "every weekend" (UTC), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

👻 Immortal: This PR will be recreated if closed unmerged. Get config help if that's undesired.

If you want to rebase/retry this PR, check this box

This PR has been generated by Renovate Bot.

github-actions · 2023-12-16T00:13:26Z

Link to live branch is being generated...
Please wait a few minutes and refresh this page.

@deprecated

According to docs (https://redux.js.org/usage/migrations/migrating-rtk-2): ``` createStore Deprecation In Redux 4.2.0, we marked the original createStore method as @deprecated. Strictly speaking, this is not a breaking change, nor is it new in 5.0, but we're documenting it here for completeness. This deprecation is solely a visual indicator that is meant to encourage users to migrate their apps from legacy Redux patterns to use the modern Redux Toolkit APIs. The deprecation results in a visual strikethrough when imported and used, like createStore, but with no runtime errors or warnings. createStore will continue to work indefinitely, and will not ever be removed. But, today we want all Redux users to be using Redux Toolkit for all of their Redux logic. To fix this, there are three options: Follow our strong suggestion to switch over to Redux Toolkit and configureStore Do nothing. It's just a visual strikethrough, and it doesn't affect how your code behaves. Ignore it. Switch to using the legacy_createStore API that is now exported, which is the exact same function but with no @deprecated tag. The simplest option is to do an aliased import rename, like import { legacy_createStore as createStore } from 'redux' ```

This reverts commit c190565.

matticbot · 2024-11-12T12:06:24Z

This PR modifies the release build for the following Calypso Apps:

For info about this notification, see here: PCYsg-OT6-p2

blaze-dashboard
notifications
odyssey-stats
wpcom-block-editor

To test WordPress.com changes, run install-plugin.sh $pluginSlug renovate/major-redux-related-packages on your sandbox.

matticbot · 2024-11-12T12:09:03Z

Here is how your PR affects size of JS and CSS bundles shipped to the user's browser:

App Entrypoints (~207 bytes removed 📉 [gzipped])

Details

name                 parsed_size           gzip_size
entry-subscriptions      -2211 B  (-0.1%)     -235 B  (-0.0%)
entry-main               -2202 B  (-0.1%)     -236 B  (-0.0%)
entry-stepper            -2193 B  (-0.1%)     -235 B  (-0.0%)
entry-login              -2112 B  (-0.1%)     -216 B  (-0.0%)

Common code that is always downloaded and parsed every time the app is loaded, no matter which route is used.

Sections (~2233 bytes added 📈 [gzipped])

Details

name                                parsed_size           gzip_size
site-performance                        +2517 B  (+0.2%)     +720 B  (+0.2%)
gutenberg-editor                        +2445 B  (+0.4%)     +722 B  (+0.4%)
patterns                                +2301 B  (+0.1%)     +713 B  (+0.1%)
performance-profiler                    +2283 B  (+0.6%)     +684 B  (+0.6%)
site-profiler                           +2274 B  (+0.8%)     +683 B  (+0.8%)
plugins                                 +1067 B  (+0.0%)     +167 B  (+0.0%)
jetpack-cloud-plugin-management          +729 B  (+0.0%)      +61 B  (+0.0%)
link-in-bio-tld-flow                     +719 B  (+0.0%)     +130 B  (+0.0%)
home                                     +592 B  (+0.0%)      +45 B  (+0.0%)
purchases                                +576 B  (+0.0%)      +49 B  (+0.0%)
plans                                    +560 B  (+0.0%)     +115 B  (+0.0%)
account                                  +509 B  (+0.1%)      +96 B  (+0.0%)
reader                                   +495 B  (+0.0%)      +39 B  (+0.0%)
site-purchases                           +489 B  (+0.0%)      +51 B  (+0.0%)
settings                                 +444 B  (+0.0%)      +29 B  (+0.0%)
comments                                 +443 B  (+0.1%)      +94 B  (+0.0%)
update-design-flow                       +434 B  (+0.0%)     +100 B  (+0.0%)
stats                                    +432 B  (+0.0%)      +23 B  (+0.0%)
domains                                  +432 B  (+0.0%)      +33 B  (+0.0%)
a8c-for-agencies-sites                   +432 B  (+0.0%)      +37 B  (+0.0%)
backup                                   +405 B  (+0.0%)      +30 B  (+0.0%)
hosting                                  +396 B  (+0.0%)      +48 B  (+0.0%)
site-marketing                           +390 B  (+0.0%)      +50 B  (+0.0%)
media                                    +390 B  (+0.0%)      +33 B  (+0.0%)
marketing                                +390 B  (+0.1%)      +24 B  (+0.0%)
jetpack-cloud-partner-portal             +389 B  (+0.0%)      +88 B  (+0.0%)
jetpack-cloud-agency-sites-v2            +378 B  (+0.0%)      +27 B  (+0.0%)
staging-site                             +369 B  (+0.0%)      +48 B  (+0.0%)
posts-custom                             +369 B  (+0.1%)      +29 B  (+0.0%)
posts                                    +369 B  (+0.1%)      +25 B  (+0.0%)
themes                                   +363 B  (+0.0%)      +26 B  (+0.0%)
site-tools                               +351 B  (+0.0%)      +51 B  (+0.0%)
theme                                    +345 B  (+0.0%)      +26 B  (+0.0%)
activity                                 +324 B  (+0.0%)      +21 B  (+0.0%)
write-flow                               +309 B  (+0.0%)      +40 B  (+0.0%)
site-settings                            +309 B  (+0.0%)      +45 B  (+0.0%)
build-flow                               +309 B  (+0.0%)      +40 B  (+0.0%)
jetpack-app                              +308 B  (+0.1%)      +89 B  (+0.1%)
scan                                     +306 B  (+0.0%)      +21 B  (+0.0%)
people                                   +300 B  (+0.0%)      +27 B  (+0.0%)
pages                                    +297 B  (+0.1%)      +20 B  (+0.0%)
jetpack-connect                          +297 B  (+0.0%)      +30 B  (+0.0%)
settings-writing                         +291 B  (+0.0%)      +29 B  (+0.0%)
settings-security                        +291 B  (+0.1%)      +23 B  (+0.0%)
settings-performance                     +291 B  (+0.1%)      +23 B  (+0.0%)
jetpack-social                           +288 B  (+0.0%)      +18 B  (+0.0%)
settings-podcast                         +282 B  (+0.1%)      +18 B  (+0.0%)
github-deployments                       +279 B  (+0.0%)      +40 B  (+0.0%)
checkout                                 +279 B  (+0.0%)      +23 B  (+0.0%)
settings-newsletter                      +273 B  (+0.0%)      +22 B  (+0.0%)
settings-discussion                      +273 B  (+0.1%)      +26 B  (+0.0%)
a8c-for-agencies-purchases               +272 B  (+0.0%)      +83 B  (+0.0%)
jetpack-cloud-settings                   +261 B  (+0.0%)      +15 B  (+0.0%)
security                                 +255 B  (+0.0%)      +18 B  (+0.0%)
earn                                     +255 B  (+0.0%)      +21 B  (+0.0%)
site-logs                                +252 B  (+0.0%)      +38 B  (+0.0%)
marketplace                              +252 B  (+0.0%)      +24 B  (+0.0%)
jetpack-search                           +252 B  (+0.0%)      +16 B  (+0.0%)
hosting-features                         +252 B  (+0.0%)      +41 B  (+0.0%)
site-monitoring                          +243 B  (+0.0%)      +37 B  (+0.0%)
email                                    +243 B  (+0.0%)      +22 B  (+0.0%)
subscribers                              +228 B  (+0.0%)      +15 B  (+0.0%)
notification-settings                    +228 B  (+0.0%)      +17 B  (+0.0%)
help                                     +228 B  (+0.0%)      +13 B  (+0.0%)
account-close                            +228 B  (+0.0%)      +16 B  (+0.0%)
site-blocks                              +219 B  (+0.0%)      +14 B  (+0.0%)
privacy                                  +219 B  (+0.0%)      +15 B  (+0.0%)
developer                                +219 B  (+0.0%)      +15 B  (+0.0%)
sites-dashboard                          +216 B  (+0.0%)      +35 B  (+0.0%)
settings-jetpack                         +216 B  (+0.0%)      +19 B  (+0.0%)
me                                       +210 B  (+0.0%)      +14 B  (+0.0%)
import                                   +210 B  (+0.0%)       +7 B  (+0.0%)
concierge                                +207 B  (+0.0%)      +18 B  (+0.0%)
google-my-business                       +198 B  (+0.0%)      +13 B  (+0.0%)
promote-post-i2                          +189 B  (+0.0%)      +10 B  (+0.0%)
jetpack-cloud-pricing                    +189 B  (+0.0%)      +23 B  (+0.0%)
settings-reading                         +183 B  (+0.0%)      +14 B  (+0.0%)
woocommerce-installation                 +171 B  (+0.1%)      +11 B  (+0.0%)
jetpack-cloud-overview                   +171 B  (+0.0%)      +12 B  (+0.0%)
jetpack-cloud-features-comparison        +171 B  (+0.0%)      +14 B  (+0.0%)
export                                   +162 B  (+0.0%)      +10 B  (+0.0%)
add-ons                                  +162 B  (+0.0%)      +13 B  (+0.0%)
woocommerce                              +153 B  (+0.0%)      +10 B  (+0.0%)
migrate                                  +153 B  (+0.0%)      +13 B  (+0.0%)
jetpack-cloud                            +153 B  (+0.0%)       +9 B  (+0.0%)
import-hosted-site-flow                  +153 B  (+0.0%)      +27 B  (+0.0%)
customize                                +153 B  (+0.0%)       +9 B  (+0.0%)
preview                                  +147 B  (+0.1%)      +11 B  (+0.0%)
copy-site-flow                           +135 B  (+0.0%)      +12 B  (+0.0%)
accept-invite                             +72 B  (+0.0%)       +8 B  (+0.0%)
a8c-for-agencies-marketplace              +63 B  (+0.0%)       +7 B  (+0.0%)
a8c-for-agencies-referrals                +54 B  (+0.0%)       +7 B  (+0.0%)
purchase-product                          +36 B  (+0.0%)       +4 B  (+0.0%)
domain-user-transfer-flow                 +36 B  (+0.0%)       +2 B  (+0.0%)
a8c-for-agencies-overview                 +36 B  (+0.0%)      +13 B  (+0.0%)
signup                                    +27 B  (+0.0%)       +7 B  (+0.0%)
jetpack-cloud-manage-pricing              -27 B  (-0.0%)       -1 B  (-0.0%)
newsletter-post-setup-flow                +21 B  (+0.0%)       +1 B  (+0.0%)
link-in-bio-post-setup-flow               +21 B  (+0.0%)       +1 B  (+0.0%)
with-theme-assembler-flow                 +18 B  (+0.0%)      +10 B  (+0.1%)
jetpack-cloud-agency-signup               +18 B  (+0.0%)       +2 B  (+0.0%)
assembler-first-flow                      +18 B  (+0.0%)       +5 B  (+0.0%)
ai-assembler-flow                         +18 B  (+0.0%)       +5 B  (+0.0%)
a8c-for-agencies-team                     +18 B  (+0.0%)       +3 B  (+0.0%)
a8c-for-agencies-signup                   +18 B  (+0.0%)       -2 B  (-0.0%)
a8c-for-agencies-settings                 +18 B  (+0.0%)       +5 B  (+0.0%)
a8c-for-agencies-partner-directory        +18 B  (+0.0%)       +1 B  (+0.0%)
a8c-for-agencies-migrations               +18 B  (+0.0%)       +3 B  (+0.0%)
a8c-for-agencies-client                   +18 B  (+0.0%)       +4 B  (+0.0%)
a8c-for-agencies-agency-tier              +18 B  (+0.0%)       +2 B  (+0.0%)

Sections contain code specific for a given set of routes. Is downloaded and parsed only when a particular route is navigated to.

Async-loaded Components (~1079 bytes added 📈 [gzipped])

Details

name                                                                              parsed_size           gzip_size
async-load-comment-block-editor                                                       +2274 B  (+0.1%)     +708 B  (+0.1%)
async-load-automattic-global-styles-src-components-global-styles-variations           +2274 B  (+0.1%)     +708 B  (+0.1%)
async-load-automattic-design-preview                                                  +2274 B  (+0.1%)     +708 B  (+0.1%)
async-load-design-blocks                                                               +726 B  (+0.0%)      +64 B  (+0.0%)
async-load-signup-steps-plans-theme-preselected                                        +308 B  (+0.1%)      +92 B  (+0.1%)
async-load-signup-steps-plans                                                          +308 B  (+0.1%)      +92 B  (+0.1%)
async-load-calypso-components-web-preview-component                                    +243 B  (+0.1%)      +34 B  (+0.0%)
async-load-calypso-post-editor-editor-media-modal                                      +228 B  (+0.0%)      +24 B  (+0.0%)
async-load-design                                                                      +216 B  (+0.0%)      +16 B  (+0.0%)
async-load-design-playground                                                           +189 B  (+0.0%)      +19 B  (+0.0%)
async-load-calypso-post-editor-media-modal                                             +183 B  (+0.0%)      +21 B  (+0.0%)
async-load-signup-steps-domains                                                        +126 B  (+0.0%)      +16 B  (+0.0%)
async-load-calypso-my-sites-checkout-modal                                             +117 B  (+0.0%)      +13 B  (+0.0%)
async-load-signup-steps-user                                                            +90 B  (+0.1%)       +7 B  (+0.0%)
async-load-calypso-blocks-editor-checkout-modal                                         +90 B  (+0.0%)       +9 B  (+0.0%)
async-load-signup-steps-theme-selection                                                 +84 B  (+0.0%)       +4 B  (+0.0%)
async-load-signup-steps-subscribe-email                                                 +81 B  (+0.0%)       +6 B  (+0.0%)
async-load-signup-steps-site-picker                                                     +81 B  (+0.1%)       +7 B  (+0.0%)
async-load-signup-steps-p2-complete-profile                                             +75 B  (+0.1%)       -1 B  (-0.0%)
async-load-store-app-store-stats                                                        +72 B  (+0.0%)       +9 B  (+0.0%)
async-load-signup-steps-difm-site-picker                                                +72 B  (+0.0%)       +7 B  (+0.0%)
async-load-calypso-reader-sidebar                                                       +63 B  (+0.1%)       +2 B  (+0.0%)
async-load-store-app-store-stats-listview                                               +54 B  (+0.0%)       +3 B  (+0.0%)
async-load-signup-steps-clone-point                                                     +54 B  (+0.0%)       +5 B  (+0.0%)
async-load-calypso-reader-site-stream                                                   +54 B  (+0.3%)       +2 B  (+0.0%)
async-load-calypso-reader-feed-stream                                                   +54 B  (+0.3%)       +2 B  (+0.0%)
async-load-calypso-my-sites-current-site-notice                                         +54 B  (+0.1%)       +6 B  (+0.0%)
async-load-calypso-lib-account-settings-helper                                          +54 B  (+0.0%)       +2 B  (+0.0%)
async-load-calypso-components-sites-popover                                             +54 B  (+0.0%)       +7 B  (+0.0%)
async-load-signup-steps-website-content                                                 +45 B  (+0.0%)       +4 B  (+0.0%)
async-load-signup-steps-rewind-form-creds                                               +45 B  (+0.1%)       +3 B  (+0.0%)
async-load-signup-steps-page-picker                                                     +45 B  (+0.0%)       +3 B  (+0.0%)
async-load-signup-steps-clone-credentials                                               +45 B  (+0.1%)       +3 B  (+0.0%)
async-load-calypso-my-sites-stats-pages-subscribers                                     +39 B  (+0.0%)       +1 B  (+0.0%)
async-load-signup-steps-site-or-domain                                                  +36 B  (+0.1%)       +4 B  (+0.0%)
async-load-signup-steps-p2-site                                                         +36 B  (+0.1%)       -1 B  (-0.0%)
async-load-signup-steps-p2-join-workspace                                               +36 B  (+0.1%)       +2 B  (+0.0%)
async-load-signup-steps-p2-confirm-email                                                +36 B  (+0.1%)       -1 B  (-0.0%)
async-load-signup-steps-emails                                                          +36 B  (+0.1%)       +4 B  (+0.0%)
async-load-calypso-reader-list-manage                                                   +36 B  (+0.1%)       +8 B  (+0.1%)
async-load-calypso-my-sites-stats-summary                                               +36 B  (+0.1%)       +3 B  (+0.0%)
async-load-calypso-my-sites-stats-stats-post-detail                                     +36 B  (+0.1%)       +0 B
async-load-calypso-blocks-product-purchase-features-list                                +36 B  (+0.1%)       +2 B  (+0.0%)
async-load-calypso-notifications                                                        +28 B  (+0.0%)      +12 B  (+0.0%)
async-load-signup-steps-website-content-section-types                                   +27 B  (+0.0%)       +4 B  (+0.0%)
async-load-signup-steps-test-step                                                       +27 B  (+0.1%)       +2 B  (+0.0%)
async-load-signup-steps-site                                                            +27 B  (+0.1%)       +1 B  (+0.0%)
async-load-signup-steps-rewind-were-backing                                             +27 B  (+0.1%)       +2 B  (+0.0%)
async-load-signup-steps-reader-landing                                                  +27 B  (+0.1%)       -1 B  (-0.0%)
async-load-signup-steps-p2-details                                                      +27 B  (+0.1%)       +2 B  (+0.0%)
async-load-signup-steps-new-or-existing-site                                            +27 B  (+0.1%)       +0 B
async-load-signup-steps-hosting-decider                                                 +27 B  (+0.1%)       +1 B  (+0.0%)
async-load-signup-steps-design-picker                                                   +27 B  (+0.0%)       +2 B  (+0.0%)
async-load-signup-steps-creds-permission                                                +27 B  (+0.1%)       +3 B  (+0.0%)
async-load-signup-steps-creds-confirm                                                   +27 B  (+0.1%)       +4 B  (+0.0%)
async-load-signup-steps-clone-start                                                     +27 B  (+0.1%)       +2 B  (+0.0%)
async-load-signup-steps-clone-ready                                                     +27 B  (+0.0%)       +2 B  (+0.0%)
async-load-signup-steps-clone-destination                                               +27 B  (+0.1%)       +2 B  (+0.0%)
async-load-signup-steps-clone-cloning                                                   +27 B  (+0.1%)       +4 B  (+0.0%)
async-load-quick-language-switcher                                                      +27 B  (+0.0%)       +3 B  (+0.0%)
async-load-purchase-modal-wrapper                                                       +27 B  (+0.0%)       +2 B  (+0.0%)
async-load-calypso-reader-tag-stream-main                                               +27 B  (+0.2%)       +1 B  (+0.0%)
async-load-calypso-reader-list-stream                                                   +27 B  (+0.2%)       +5 B  (+0.1%)
async-load-calypso-my-sites-stats-wordads                                               +27 B  (+0.1%)       +1 B  (+0.0%)
async-load-calypso-blocks-support-article-dialog-dialog                                 +27 B  (+0.0%)       +5 B  (+0.0%)
async-load-calypso-blocks-jitm-templates-sidebar-banner                                 +27 B  (+0.1%)       +5 B  (+0.0%)
async-load-calypso-blocks-jitm-templates-notice                                         +27 B  (+0.1%)       +5 B  (+0.0%)
async-load-calypso-blocks-jitm-templates-default                                        +27 B  (+0.1%)       +4 B  (+0.0%)
async-load-calypso-blocks-calendar-popover                                              +27 B  (+0.0%)       +5 B  (+0.0%)
async-load-signup-steps-woocommerce-install-transfer                                    +18 B  (+0.1%)       +0 B
async-load-signup-steps-woocommerce-install-step-store-address                          +18 B  (+0.0%)       +0 B
async-load-signup-steps-woocommerce-install-step-business-info                          +18 B  (+0.0%)       +0 B
async-load-signup-steps-woocommerce-install-confirm                                     +18 B  (+0.0%)       +0 B
async-load-signup-steps-store-features                                                  +18 B  (+0.0%)       +0 B
async-load-signup-steps-starting-point                                                  +18 B  (+0.0%)       +0 B
async-load-signup-steps-social-profiles                                                 +18 B  (+0.1%)       +0 B
async-load-signup-steps-site-options                                                    +18 B  (+0.0%)       +0 B
async-load-signup-steps-intent                                                          +18 B  (+0.0%)       +0 B
async-load-signup-steps-initial-intent                                                  +18 B  (+0.0%)       +0 B
async-load-signup-steps-courses                                                         +18 B  (+0.1%)       +0 B
async-load-publish                                                                      +18 B  (+0.2%)       +4 B  (+0.1%)
async-load-my-sites-checkout-purchase-modal-is-eligible-for-one-click-checkou...        +18 B  (+0.0%)       +0 B
async-load-calypso-signup-step-wrapper                                                  +18 B  (+0.1%)       +0 B
async-load-calypso-reader-search-stream                                                 +18 B  (+0.0%)       +2 B  (+0.0%)
async-load-calypso-my-sites-stats-pages-insights                                        +18 B  (+0.0%)       +5 B  (+0.0%)
async-load-calypso-my-sites-sidebar                                                     +18 B  (+0.1%)       -1 B  (-0.0%)
async-load-calypso-my-sites-current-site-domain-warnings                                +18 B  (+0.1%)       +0 B
async-load-calypso-layout-masterbar-drafts-popover                                      +18 B  (+0.1%)       +1 B  (+0.0%)
async-load-calypso-layout-guided-tours-component                                        +18 B  (+0.0%)       +3 B  (+0.0%)
async-load-calypso-layout-community-translator                                          +18 B  (+0.1%)       +4 B  (+0.0%)
async-load-calypso-layout-command-palette                                               +18 B  (+0.0%)       +1 B  (+0.0%)
async-load-calypso-jetpack-cloud-sections-sidebar-navigation-manage-selected-...        +18 B  (+0.0%)       +1 B  (+0.0%)
async-load-calypso-components-jetpack-portal-nav                                        +18 B  (+0.0%)       +1 B  (+0.0%)
async-load-calypso-blocks-reader-full-post                                              +18 B  (+0.0%)       +2 B  (+0.0%)
async-load-calypso-blocks-jitm                                                          +18 B  (+0.1%)       +5 B  (+0.1%)
async-load-calypso-blocks-app-banner                                                    +18 B  (+0.0%)       +1 B  (+0.0%)

React components that are loaded lazily, when a certain part of UI is displayed for the first time.

Legend

What is parsed and gzip size?

Parsed Size: Uncompressed size of the JS and CSS files. This much code needs to be parsed and stored in memory.
Gzip Size: Compressed size of the JS and CSS files. This much data needs to be downloaded over network.

Generated by performance advisor bot at iscalypsofastyet.com.

Otherwise I'm getting a build error on conflicting dependencies: 15:05:37 #14 2.168 ➤ YN0060: │ redux is listed by your project with version 4.2.1, which doesn't satisfy what @automattic/sites (pe7e2c) and other dependencies request (^5.0.1). 15:05:37 #14 2.168 ➤ YN0060: │ redux is listed by your project with version 5.0.1, which doesn't satisfy what @automattic/design-picker (pf8e6b) and other dependencies request (^4.2.1).

This reverts commit 6a99d86.

xavier-lc · 2024-11-13T10:48:27Z

I've got this working locally, but the docker build is failing:

16:56:03    > [builder 5/9] RUN yarn install --immutable --check-cache --inline-builds:
16:56:03   1.313 ➤ YN0000: ┌ Resolution step
16:56:03   2.062 ➤ YN0085: │ + react-redux@npm:8.1.3, redux-thunk@npm:2.4.2, @types/hoist-non-react-statics@npm:3.3.5
16:56:03   2.281 ➤ YN0000: └ Completed in 0s 967ms
16:56:03   2.283 ➤ YN0000: ┌ Post-resolution validation
16:56:03   2.283 ➤ YN0060: │ redux is listed by your project with version 4.2.1, which doesn't satisfy what @automattic/sites (pe7e2c) and other dependencies request (^5.0.1).
16:56:03   2.283 ➤ YN0060: │ redux is listed by your project with version 5.0.1, which doesn't satisfy what @automattic/design-picker (pf8e6b) and other dependencies request (^4.2.1).
16:56:03   2.284 ➤ YN0086: │ Some peer dependencies are incorrectly met; run yarn explain peer-requirements <hash> for details, where <hash> is the six-letter p-prefixed code.
16:56:03   2.436 ➤ YN0028: │ The lockfile would have been modified by this install, which is explicitly forbidden.
16:56:03   2.436 ➤ YN0000: └ Completed
16:56:03   2.436 ➤ YN0000: · Failed with errors in 1s 153ms

There's no direct calypso dependency on redux v4, but the packages mentioned on the error (@automattic/design-picker and others) depend on @wordpress/data, which requires redux:^4.1.2. I've addressed this with a resolution: "@wordpress/data/redux": "^4.1.2", but the build keeps failing.

Running yarn install --immutable --check-cache --inline-builds locally works fine, and I can't execute yarn explain peer-requirements because the hashes on the team city log are not found locally.

So, I'm at a loss on how to move forward.

jsnajdr · 2024-11-13T13:38:11Z

I created a PR in Gutenberg to upgrade Redux to v5.0.1, it's one of things that could help: WordPress/gutenberg#66966

… upgraded to redux v5 #85379

This reverts commit 28dc118.

… redux dependencies issue

xavier-lc · 2024-11-14T15:15:41Z

I created a PR in Gutenberg to upgrade Redux to v5.0.1, it's one of things that could help: WordPress/gutenberg#66966

Awesome, @jsnajdr. Thanks!

xavier-lc · 2024-11-14T15:16:24Z

Even after updating @wordpress/data to 10.11 the docker image build is stuck, even if there's no dependency left on redux v4. So I recreated the PR from scratch on #96403, where it's finally working. Closing this one.

matticbot requested review from a team as code owners December 16, 2023 00:13

matticbot added [Type] Task dependencies Pull requests that update a dependency file Framework labels Dec 16, 2023

matticbot requested review from a team December 16, 2023 00:13

matticbot added [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. labels Dec 16, 2023

matticbot force-pushed the renovate/major-redux-related-packages branch 2 times, most recently from f824ce6 to 7d0d36f Compare December 21, 2023 15:35

matticbot force-pushed the renovate/major-redux-related-packages branch 3 times, most recently from e421929 to 7851f4e Compare January 8, 2024 09:39

matticbot force-pushed the renovate/major-redux-related-packages branch 2 times, most recently from f4ce1a2 to 2e17f97 Compare January 22, 2024 12:07

matticbot requested a review from a team as a code owner January 22, 2024 12:07

matticbot requested a review from aneeshd16 January 22, 2024 12:07

matticbot force-pushed the renovate/major-redux-related-packages branch 2 times, most recently from b4e9af6 to 127e0eb Compare January 29, 2024 12:06

matticbot force-pushed the renovate/major-redux-related-packages branch from 127e0eb to a19b336 Compare February 5, 2024 11:06

matticbot force-pushed the renovate/major-redux-related-packages branch 2 times, most recently from 136a6ff to f3e07d7 Compare February 12, 2024 13:36

matticbot force-pushed the renovate/major-redux-related-packages branch 4 times, most recently from ec4e4b0 to 5350f53 Compare February 27, 2024 12:06

Xavier Lozano Carreras added 3 commits November 6, 2024 15:59

Revert "Replace AnyAction with UnknownAction"

d8089ea

This reverts commit c190565.

Update @types/react version so it satisfies react-redux dependencies

d3a031a

xavier-lc self-assigned this Nov 6, 2024

Xavier Lozano Carreras added 5 commits November 12, 2024 11:52

Merge branch 'trunk' into renovate/major-redux-related-packages

a8302fe

Fix ts error

2614d40

Add types

28dc118

Fix ts error

642300a

Rm unnecessary types

8c094e8

Xavier Lozano Carreras added 6 commits November 12, 2024 16:03

Merge branch 'trunk' into renovate/major-redux-related-packages

953e107

yarn dedupe

0d655c6

Trying with another resolution

6a99d86

Revert "Trying with another resolution", it did not work

1aadadc

This reverts commit 6a99d86.

=empty commit

b148bdc

xavier-lc removed their assignment Nov 13, 2024

jsnajdr mentioned this pull request Nov 13, 2024

Data: upgrade Redux to v5.0.1 WordPress/gutenberg#66966

Merged

Xavier Lozano Carreras added 3 commits November 14, 2024 11:06

Remove @wordpress/data/redux resolution now that gutenberg has been…

a6400d0

… upgraded to redux v5 #85379

Revert "Add types"

5bbadd1

This reverts commit 28dc118.

Forced upgrade to "@wordpress/data": "^10.11" to see if it solves the…

fb2827b

… redux dependencies issue

xavier-lc closed this Nov 14, 2024

xavier-lc deleted the renovate/major-redux-related-packages branch November 14, 2024 15:16

github-actions bot removed the [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. label Nov 14, 2024

lsl mentioned this pull request Mar 7, 2025

Update/color studio 4.1.0 alt2 #100974

Closed

8 tasks

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

fix(deps): update redux-related packages (major) #85379

fix(deps): update redux-related packages (major) #85379

Uh oh!

matticbot commented Dec 16, 2023 •

edited

Loading

Uh oh!

github-actions bot commented Dec 16, 2023 •

edited by matticbot

Loading

Uh oh!

matticbot commented Nov 12, 2024 •

edited

Loading

Uh oh!

matticbot commented Nov 12, 2024 •

edited

Loading

Uh oh!

xavier-lc commented Nov 13, 2024

Uh oh!

jsnajdr commented Nov 13, 2024

Uh oh!

xavier-lc commented Nov 14, 2024

Uh oh!

xavier-lc commented Nov 14, 2024

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

fix(deps): update redux-related packages (major) #85379

fix(deps): update redux-related packages (major) #85379

Uh oh!

Conversation

matticbot commented Dec 16, 2023 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Release Notes

Changes

React Native Peer Dependency Removed

What's Changed

What's Changed

.withTypes

What's Changed

New Contributors

What's Changed

Changelog

Batching Dependency Updates

What's Changed

What's Changed

What's Changed

Changelog

React 18 and RTK 2 / Redux core 5 Are Required

ESM/CJS Package Compatibility

Modernized Build Output

Build Tooling

Dropping UMD Builds

React Server Components Behavior

Dev Mode Checks Updated

hoist-non-react-statics and react-is Deps Inlined

TypeScript Support

What's Changed

What's Changed

Changelog

ESM/CJS Package Compatibility

Modernized Build Output

Build Tooling

Dropping UMD Builds

createStore Marked Deprecated

Action types must be strings

TypeScript Changes

Typescript rewrite

AnyAction deprecated in favour of UnknownAction

Middleware type changed - Middleware action and next are typed as unknown

PreloadedState type removed in favour of Reducer generic

Other Changes

Internal Listener Implementation

isAction Predicate

What's Changed

Changelog

Named Exports Instead of Default Exports

ESM/CJS Package Compatibility

Build Tooling

Dropping UMD Builds

extend-redux Typedefs Removed

What's Changed

Configuration

Uh oh!

github-actions bot commented Dec 16, 2023 • edited by matticbot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

matticbot commented Nov 12, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

matticbot commented Nov 12, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

xavier-lc commented Nov 13, 2024

Uh oh!

jsnajdr commented Nov 13, 2024

Uh oh!

xavier-lc commented Nov 14, 2024

Uh oh!

xavier-lc commented Nov 14, 2024

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

matticbot commented Dec 16, 2023 •

edited

Loading

`.withTypes`

`hoist-non-react-statics` and `react-is` Deps Inlined

`createStore` Marked Deprecated

`AnyAction` deprecated in favour of `UnknownAction`

`Middleware` type changed - Middleware `action` and `next` are typed as `unknown`

`PreloadedState` type removed in favour of `Reducer` generic

`isAction` Predicate

`extend-redux` Typedefs Removed

github-actions bot commented Dec 16, 2023 •

edited by matticbot

Loading

matticbot commented Nov 12, 2024 •

edited

Loading

matticbot commented Nov 12, 2024 •

edited

Loading