Skip to content

fix(deps): update dependency reactstrap to v9 #3588

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
renovate wants to merge 1 commit into
base: master
Choose a base branch
from
Open

fix(deps): update dependency reactstrap to v9 #3588

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -93,7 +93,7 @@
"react-router-dom": "^4.1.1",
"react-select": "^5.0.0",
"react-test-renderer": "^16.8.4",
"reactstrap": "^8.0.0",
"reactstrap": "^9.0.0",
Comment thread
sentry[bot] marked this conversation as resolved.
Comment thread
sentry[bot] marked this conversation as resolved.

@sentry sentry Bot Feb 26, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bug: The upgrade to reactstrap v9 requires Bootstrap 5, but the project still uses Bootstrap 4. This will cause reactstrap components to render incorrectly.
Severity: HIGH

Suggested Fix

To resolve the incompatibility, either upgrade Bootstrap to version 5 in package.json to match the reactstrap v9 requirement, or revert the reactstrap upgrade to a version compatible with Bootstrap 4.

Prompt for AI Agent 
Review the code at the location below. A potential bug has been identified by an AI
agent.
Verify if this is a real issue. If it is, propose a fix; if not, explain why it's not
valid.

Location: package.json#L96

Potential issue: The pull request upgrades `reactstrap` to version 9, which is designed
to work with Bootstrap 5. However, the project's `package.json` still specifies
Bootstrap `^4.4.1`. This version mismatch will cause `reactstrap` components used in the
application, such as `Modal`, `Collapse`, `Button`, and `Alert`, to render incorrectly
because they will generate HTML expecting Bootstrap 5 classes and structure, while only
Bootstrap 4 CSS is loaded.

@sentry sentry Bot Feb 26, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bug: The upgrade of reactstrap to v9 is incompatible with the project's existing Bootstrap v4 dependency, which will cause UI components to render incorrectly.
Severity: CRITICAL

Suggested Fix

To resolve this incompatibility, either upgrade the project's bootstrap dependency to version 5 to match the new reactstrap version, or revert the reactstrap upgrade back to version 8.

Prompt for AI Agent 
Review the code at the location below. A potential bug has been identified by an AI
agent.
Verify if this is a real issue. If it is, propose a fix; if not, explain why it's not
valid.

Location: package.json#L96

Potential issue: The pull request upgrades `reactstrap` from version 8 to 9. However,
`reactstrap` v9 is designed to work with Bootstrap 5, while the project continues to use
Bootstrap 4. This version mismatch will cause `reactstrap` components such as `Modal`,
`Collapse`, `Button`, and `Alert` to be rendered with incorrect styling and potentially
broken functionality. Since modals are used in the critical checkout flow, this could
impact payment functionality.

@sentry sentry Bot Feb 26, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bug: Upgrading reactstrap to v9 introduces an incompatibility, as it's designed for Bootstrap 5, but the project still uses Bootstrap 4 CSS, causing styling issues.
Severity: MEDIUM

Suggested Fix

To resolve the incompatibility, either upgrade the bootstrap package to version 5 to match reactstrap v9, or downgrade reactstrap to a version compatible with Bootstrap 4 (e.g., v8). Given the potential for widespread styling changes, downgrading reactstrap might be the safer short-term option.

Prompt for AI Agent 
Review the code at the location below. A potential bug has been identified by an AI
agent.
Verify if this is a real issue. If it is, propose a fix; if not, explain why it's not
valid.

Location: package.json#L96

Potential issue: The upgrade of `reactstrap` to version 9.0.0 is intended for use with
Bootstrap 5. However, the project's dependency remains `bootstrap: ^4.4.1`. This version
mismatch will cause styling and presentation issues for `Modal` components. While the
modal's functionality (`isOpen`, `toggle`) will not break at runtime, its HTML structure
will expect Bootstrap 5 classes, which are not provided by the project's Bootstrap 4
CSS. This will result in incorrectly styled or broken-looking modals in components like
`ConfirmUpdateModal` and `CheckoutForm`.

@sentry sentry Bot Feb 27, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bug: Upgrading reactstrap to v9 is incompatible with the project's existing Bootstrap v4 dependency. This will cause UI components like modals and buttons to break or render incorrectly.
Severity: CRITICAL

Suggested Fix

To resolve this incompatibility, either upgrade the project's bootstrap dependency to v5 to match reactstrap v9, or revert the reactstrap upgrade and remain on a version compatible with Bootstrap 4, such as v8.

Prompt for AI Agent 
Review the code at the location below. A potential bug has been identified by an AI
agent.
Verify if this is a real issue. If it is, propose a fix; if not, explain why it's not
valid.

Location: package.json#L96

Potential issue: The project upgrades `reactstrap` to v9 but continues to use Bootstrap
4.4.1. Reactstrap v9 is designed exclusively for Bootstrap 5 and uses CSS classes and
component structures that are not present in Bootstrap 4. This mismatch will cause UI
components managed by `reactstrap`, such as `Modal`, `Button`, and `Collapse`, to render
with incorrect or missing styles, leading to broken functionality. For example, modals
may not toggle, and buttons may not respond correctly. The codebase uses Bootstrap 4
classes like `no-gutters`, which are deprecated in Bootstrap 5, confirming the version
mismatch.

@sentry sentry Bot Mar 3, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bug: The update to reactstrap v9 is incompatible with the project's bootstrap v4 dependency, which will cause widespread UI styling and layout issues.
Severity: CRITICAL

Suggested Fix

To fix this incompatibility, either downgrade reactstrap to version 8, which is compatible with Bootstrap 4, or upgrade the bootstrap dependency to version 5 and address any associated breaking changes.

Prompt for AI Agent 
Review the code at the location below. A potential bug has been identified by an AI
agent.
Verify if this is a real issue. If it is, propose a fix; if not, explain why it's not
valid.

Location: package.json#L96

Potential issue: The project has been updated to use `reactstrap` version 9, but the
`bootstrap` dependency remains at version 4.4.1. According to the `reactstrap`
documentation, version 9 is designed to work exclusively with Bootstrap 5. This version
mismatch will cause styling and layout failures for all `reactstrap` components used in
the application, such as `Modal`, `Alert`, and `Button`, because `reactstrap` v9
generates CSS class names and HTML structures expected by Bootstrap 5, which are not
present in Bootstrap 4.

@sentry sentry Bot Mar 3, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bug: The reactstrap dependency is upgraded to v9, which is for Bootstrap 5, but the project still uses Bootstrap 4. This version mismatch may cause rendering or functional issues.
Severity: MEDIUM

Suggested Fix

To resolve the incompatibility, either upgrade the bootstrap dependency to a compatible v5 release to match reactstrap v9, or revert the reactstrap upgrade to a v8 release that is compatible with Bootstrap 4.

Prompt for AI Agent 
Review the code at the location below. A potential bug has been identified by an AI
agent.
Verify if this is a real issue. If it is, propose a fix; if not, explain why it's not
valid.

Location: package.json#L96

Potential issue: The pull request upgrades `reactstrap` from version 8 to 9. According
to official documentation, `reactstrap` v9 is designed to work with Bootstrap 5, but the
project's `package.json` continues to specify Bootstrap `^4.4.1`. While the project
still imports Bootstrap 4 CSS, preventing immediate breakage of classes like
`no-gutters`, the internal JSX structure and class names used by `reactstrap` v9
components assume a Bootstrap 5 environment. This version mismatch can lead to subtle
and unpredictable styling defects or functional issues in components that rely on
`reactstrap`, as they may not render correctly with the older Bootstrap 4 styles.

@sentry sentry Bot Mar 3, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bug: Upgrading reactstrap to v9 creates a dependency conflict with the project's existing Bootstrap 4 setup, leading to JavaScript errors and incorrect styling due to version mismatches.
Severity: CRITICAL

Suggested Fix

To resolve the incompatibility, either upgrade the entire project to Bootstrap 5 to match reactstrap v9, which involves updating the bootstrap dependency and replacing popper.js with @popperjs/core. Alternatively, revert the reactstrap upgrade and remain on a version compatible with Bootstrap 4, such as reactstrap v8.

Prompt for AI Agent 
Review the code at the location below. A potential bug has been identified by an AI
agent.
Verify if this is a real issue. If it is, propose a fix; if not, explain why it's not
valid.

Location: package.json#L96

Potential issue: The upgrade to `reactstrap` v9, which is designed for Bootstrap 5,
creates a critical conflict with the project's explicit dependency on Bootstrap 4.4.1.
This incompatibility manifests in two ways. First, `reactstrap` v9 requires
`@popperjs/core` v2, while Bootstrap 4 requires `popper.js` v1. Loading both versions
simultaneously will cause a global namespace collision for the `Popper` object, breaking
either native Bootstrap components like dropdowns or `reactstrap` components. Second,
`reactstrap` v9 renders components using Bootstrap 5's CSS class names and structure,
which are incompatible with the project's Bootstrap 4 stylesheet, leading to broken
layouts and styling.

"redux": "^3.7.2",

@sentry sentry Bot Mar 3, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bug: Upgrading reactstrap to v9 without upgrading bootstrap from v4 to v5 will cause widespread styling breakages due to incompatible CSS class names.
Severity: HIGH

Suggested Fix

Either downgrade reactstrap to a version compatible with Bootstrap 4, or upgrade the bootstrap dependency to v5 and migrate all usages of deprecated Bootstrap 4 CSS classes (e.g., no-gutters to g-0) throughout the codebase.

Prompt for AI Agent 
Review the code at the location below. A potential bug has been identified by an AI
agent.
Verify if this is a real issue. If it is, propose a fix; if not, explain why it's not
valid.

Location: package.json#L97

Potential issue: The `reactstrap` dependency is upgraded to v9, which is designed for
Bootstrap 5, but the project's `bootstrap` dependency remains at v4.4.1. This version
mismatch will cause runtime styling issues because `reactstrap` v9 components generate
markup expecting Bootstrap 5 classes. The application's CSS, however, is from Bootstrap
4. The codebase extensively uses Bootstrap 4 classes like `no-gutters` and `form-group`,
which were removed or renamed in Bootstrap 5. This will lead to broken layouts and forms
throughout the application.

"redux-actions": "^2.2.1",
"redux-asserts": "^0.0.12",
Expand Down
130 changes: 37 additions & 93 deletions yarn.lock
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2117,19 +2117,6 @@ __metadata:
languageName: node
linkType: hard

"@hypnosphi/create-react-context@npm:^0.3.1":
version: 0.3.1
resolution: "@hypnosphi/create-react-context@npm:0.3.1"
dependencies:
gud: ^1.0.0
warning: ^4.0.3
peerDependencies:
prop-types: ^15.0.0
react: ">=0.14.0"
checksum: d2f069a562e138057aa067e1483e28cea3193bbacd33ca9528131f31e656939cfeb552af760b3be437d3a8074315a8854fc6d5d89878e2746618ad930c817122
languageName: node
linkType: hard

"@isaacs/cliui@npm:^8.0.2":
version: 8.0.2
resolution: "@isaacs/cliui@npm:8.0.2"
Expand Down Expand Up @@ -2573,6 +2560,13 @@ __metadata:
languageName: node
linkType: hard

"@popperjs/core@npm:^2.6.0":
version: 2.11.8
resolution: "@popperjs/core@npm:2.11.8"
checksum: e5c69fdebf52a4012f6a1f14817ca8e9599cb1be73dd1387e1785e2ed5e5f0862ff817f420a87c7fc532add1f88a12e25aeb010ffcbdc98eace3d55ce2139cf0
languageName: node
linkType: hard

"@posthog/browser-common@npm:^0.5.0":
version: 0.5.0
resolution: "@posthog/browser-common@npm:0.5.0"
Expand Down Expand Up @@ -5095,20 +5089,6 @@ __metadata:
languageName: node
linkType: hard

"deep-equal@npm:^1.1.1":
version: 1.1.2
resolution: "deep-equal@npm:1.1.2"
dependencies:
is-arguments: ^1.1.1
is-date-object: ^1.0.5
is-regex: ^1.1.4
object-is: ^1.1.5
object-keys: ^1.1.1
regexp.prototype.flags: ^1.5.1
checksum: 2d50f27fff785fb272cdef038ee5365ee5a30ab1aab053976e6a6add44cc60abd99b38179a46a01ac52c5e54ebb220e8f1a3a1954da20678b79c46ef4d97c9db
languageName: node
linkType: hard

"deep-is@npm:^0.1.3, deep-is@npm:~0.1.3":
version: 0.1.4
resolution: "deep-is@npm:0.1.4"
Expand Down Expand Up @@ -5247,15 +5227,6 @@ __metadata:
languageName: node
linkType: hard

"dom-helpers@npm:^3.4.0":
version: 3.4.0
resolution: "dom-helpers@npm:3.4.0"
dependencies:
"@babel/runtime": ^7.1.2
checksum: 58d9f1c4a96daf77eddc63ae1236b826e1cddd6db66bbf39b18d7e21896d99365b376593352d52a60969d67fa4a8dbef26adc1439fa2c1b355efa37cacbaf637
languageName: node
linkType: hard

"dom-helpers@npm:^5.0.1":
version: 5.2.1
resolution: "dom-helpers@npm:5.2.1"
Expand Down Expand Up @@ -7836,16 +7807,6 @@ __metadata:
languageName: node
linkType: hard

"is-arguments@npm:^1.1.1":
version: 1.2.0
resolution: "is-arguments@npm:1.2.0"
dependencies:
call-bound: ^1.0.2
has-tostringtag: ^1.0.2
checksum: aae9307fedfe2e5be14aebd0f48a9eeedf6b8c8f5a0b66257b965146d1e94abdc3f08e3dce3b1d908e1fa23c70039a88810ee1d753905758b9b6eebbab0bafeb
languageName: node
linkType: hard

"is-array-buffer@npm:^3.0.4, is-array-buffer@npm:^3.0.5":
version: 3.0.5
resolution: "is-array-buffer@npm:3.0.5"
Expand Down Expand Up @@ -8140,7 +8101,7 @@ __metadata:
languageName: node
linkType: hard

"is-regex@npm:^1.0.5, is-regex@npm:^1.1.0, is-regex@npm:^1.1.4, is-regex@npm:^1.2.1":
"is-regex@npm:^1.0.5, is-regex@npm:^1.1.0, is-regex@npm:^1.2.1":
version: 1.2.1
resolution: "is-regex@npm:1.2.1"
dependencies:
Expand Down Expand Up @@ -9588,7 +9549,7 @@ __metadata:
react-router-dom: ^4.1.1
react-select: ^5.0.0
react-test-renderer: ^16.8.4
reactstrap: ^8.0.0
reactstrap: ^9.0.0
redux: ^3.7.2
redux-actions: ^2.2.1
redux-asserts: ^0.0.12
Expand Down Expand Up @@ -10462,7 +10423,7 @@ __metadata:
languageName: node
linkType: hard

"popper.js@npm:^1.14.4, popper.js@npm:^1.16.0":
"popper.js@npm:^1.16.0":
version: 1.16.1
resolution: "popper.js@npm:1.16.1"
checksum: c56ae5001ec50a77ee297a8061a0221d99d25c7348d2e6bcd3e45a0d0f32a1fd81bca29d46cb0d4bdf13efb77685bd6a0ce93f9eb3c608311a461f945fffedbe
Expand Down Expand Up @@ -11024,6 +10985,13 @@ __metadata:
languageName: node
linkType: hard

"react-fast-compare@npm:^3.0.1":
version: 3.2.2
resolution: "react-fast-compare@npm:3.2.2"
checksum: 2071415b4f76a3e6b55c84611c4d24dcb12ffc85811a2840b5a3f1ff2d1a99be1020d9437ee7c6e024c9f4cbb84ceb35e48cf84f28fcb00265ad2dfdd3947704
languageName: node
linkType: hard

"react-ga@npm:^2.2.0":
version: 2.7.0
resolution: "react-ga@npm:2.7.0"
Expand Down Expand Up @@ -11114,20 +11082,17 @@ __metadata:
languageName: node
linkType: hard

"react-popper@npm:^1.3.6":
version: 1.3.11
resolution: "react-popper@npm:1.3.11"
"react-popper@npm:^2.2.4":
version: 2.3.0
resolution: "react-popper@npm:2.3.0"
dependencies:
"@babel/runtime": ^7.1.2
"@hypnosphi/create-react-context": ^0.3.1
deep-equal: ^1.1.1
popper.js: ^1.14.4
prop-types: ^15.6.1
typed-styles: ^0.0.7
react-fast-compare: ^3.0.1
warning: ^4.0.2
peerDependencies:
react: 0.14.x || ^15.0.0 || ^16.0.0 || ^17.0.0
checksum: a0f5994f5799f1c7364498f74df123dd2561fff4ae834b10fdcca74d9a8e159b523ed1f0708db33bad606933ab4f0d5ce9c90e48cbb671bf30016c890f3c7ea4
"@popperjs/core": ^2.0.0
react: ^16.8.0 || ^17 || ^18
react-dom: ^16.8.0 || ^17 || ^18
checksum: 837111c98738011c69b3069a464ea5bdcbf487105b6148e8faf90cb7337e134edb1b98b8824322941c378756cca30a15c18c25f558e53b85ed5762fa0dc8e6b2
languageName: node
linkType: hard

Expand Down Expand Up @@ -11227,22 +11192,7 @@ __metadata:
languageName: node
linkType: hard

"react-transition-group@npm:^3.0.0":
version: 3.0.0
resolution: "react-transition-group@npm:3.0.0"
dependencies:
dom-helpers: ^3.4.0
loose-envify: ^1.4.0
prop-types: ^15.6.2
react-lifecycles-compat: ^3.0.4
peerDependencies:
react: ">=16.6.0"
react-dom: ">=16.6.0"
checksum: 34605de2d46e5ff31b447dbd59d390f7ec932c18008ce2d784e91d1d01cf0b53070b06cd4d6277b7448a369905048b259154c81c7d7cb46ced5b8a624c457210
languageName: node
linkType: hard

"react-transition-group@npm:^4.3.0":
"react-transition-group@npm:^4.3.0, react-transition-group@npm:^4.4.2":
version: 4.4.5
resolution: "react-transition-group@npm:4.4.5"
dependencies:
Expand All @@ -11268,19 +11218,20 @@ __metadata:
languageName: node
linkType: hard

"reactstrap@npm:^8.0.0":
version: 8.10.1
resolution: "reactstrap@npm:8.10.1"
"reactstrap@npm:^9.0.0":
version: 9.2.3
resolution: "reactstrap@npm:9.2.3"
dependencies:
"@babel/runtime": ^7.12.5
"@popperjs/core": ^2.6.0
classnames: ^2.2.3
prop-types: ^15.5.8
react-popper: ^1.3.6
react-transition-group: ^3.0.0
react-popper: ^2.2.4
react-transition-group: ^4.4.2
peerDependencies:
react: ">=16.3.0"
react-dom: ">=16.3.0"
checksum: a91750df39158fe5c7a0b2b3517bcd2a7c10948777b2429bbac1f7167e66cfc4d7ec004c939206b40c7edaa28da430f43c286b0de178f9ad5a64eb228e0889c5
react: ">=16.8.0"
react-dom: ">=16.8.0"
checksum: cd060827f7be4589133c68b5128632b11245071725c34d8ee897bca732da2f3584cd470ac706ac6a7394f5f5e1909a816be61c64e9845329d723d39ef243b6ab
languageName: node
linkType: hard

Expand Down Expand Up @@ -11479,7 +11430,7 @@ __metadata:
languageName: node
linkType: hard

"regexp.prototype.flags@npm:^1.5.1, regexp.prototype.flags@npm:^1.5.3, regexp.prototype.flags@npm:^1.5.4":
"regexp.prototype.flags@npm:^1.5.3, regexp.prototype.flags@npm:^1.5.4":
version: 1.5.4
resolution: "regexp.prototype.flags@npm:1.5.4"
dependencies:
Expand Down Expand Up @@ -13386,13 +13337,6 @@ __metadata:
languageName: node
linkType: hard

"typed-styles@npm:^0.0.7":
version: 0.0.7
resolution: "typed-styles@npm:0.0.7"
checksum: 36a6ad6bee008c15ddb8c2425eaf9aee37d2841985b4c44406ea4cf57080a9c30b6f9f3feb842ac952354733ac53299ee44f68d83f734486e8344d413f8c8c0d
languageName: node
linkType: hard

"typedarray-to-buffer@npm:^3.1.5":
version: 3.1.5
resolution: "typedarray-to-buffer@npm:3.1.5"
Expand Down Expand Up @@ -13801,7 +13745,7 @@ __metadata:
languageName: node
linkType: hard

"warning@npm:^4.0.1, warning@npm:^4.0.2, warning@npm:^4.0.3":
"warning@npm:^4.0.1, warning@npm:^4.0.2":
version: 4.0.3
resolution: "warning@npm:4.0.3"
dependencies:
Expand Down
Loading