Skip to content
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.

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

MM-47028/MM-47046 Use version of React DOM provided by web app #1489

Merged
merged 1 commit into from
Sep 16, 2022

Conversation

hmhealey
Copy link
Member

@hmhealey hmhealey commented Sep 16, 2022

The crash in the ticket happens when the CSSTransition component from react-transition-group gets mounted as part of the ToastBanner component. We're not sure specifically why that crashes, but it has to do with the Playbooks plugin compiling in a React 16 version of React DOM which is run against web app's React 17.

As I mentioned in the channel, this fixes the case when the web app and plugin are both up to date, but it won't handle the old plugin/new server case since the old plugin will still have React DOM compiled into it.

One big thing thing that this doesn't include those is that Playbooks will still be developed against React 16, so unit tests will be run against React 16 and we won't get any dependency errors due to mismatched React versions. We got quite a few dependency errors when attempting to update it, and some of them appeared to be existing ones, so we left that out and filed MM-47039 to address that.

Ticket Link

https://mattermost.atlassian.net/browse/MM-47028
https://mattermost.atlassian.net/browse/MM-47046

Related Pull Requests

mattermost-community/focalboard#3861
mattermost-community/mattermost-plugin-todo#190
mattermost/mattermost-plugin-demo#153
mattermost/mattermost-plugin-starter-template#169

Checklist

  • [ ] Telemetry updated
  • [ ] Gated by experimental feature flag
  • [ ] Unit tests updated

@hmhealey hmhealey added 2: Dev Review Requires review by a core committer 3: QA Review Requires review by a QA tester labels Sep 16, 2022
Copy link
Member

@lieut-data lieut-data left a comment

Choose a reason for hiding this comment

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

Nice work @hmhealey and @nevyangelova -- appreciate the support :)

Copy link
Contributor

@Phrynobatrachus Phrynobatrachus left a comment

Choose a reason for hiding this comment

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

E2E looking good again and verified locally as well. Thanks!

@Phrynobatrachus Phrynobatrachus merged commit da33196 into master Sep 16, 2022
@Phrynobatrachus Phrynobatrachus deleted the MM-47028_react-dom-mismatch branch September 16, 2022 17:59
@hmhealey hmhealey changed the title MM-47028 Use version of React DOM provided by web app MM-47028/MM-47046 Use version of React DOM provided by web app Sep 16, 2022
trilopin added a commit that referenced this pull request Sep 20, 2022
* master:
  MM-47028 Use version of React DOM provided by web app (#1489)
  more nesting allowed for pull requests (#1476)
  add missing icons from mdi to compass (#1474)
  add portal-false to dotmenu in pbe manage members (#1479)
trilopin added a commit that referenced this pull request Sep 20, 2022
* master:
  MM-47028 Use version of React DOM provided by web app (#1489)
  more nesting allowed for pull requests (#1476)
  add missing icons from mdi to compass (#1474)
  add portal-false to dotmenu in pbe manage members (#1479)
  clean unused code inside backstage (#1475)
@hanzei hanzei added 4: Reviews Complete All reviewers have approved the pull request and removed 2: Dev Review Requires review by a core committer 3: QA Review Requires review by a QA tester labels Sep 29, 2022
trilopin added a commit that referenced this pull request Oct 3, 2022
* master: (250 commits)
  [MM-46891] Fix collapsed LHS (#1485)
  Fix styled component errors (#1491)
  Fix a setState after unmount (#1493)
  Mm 44497 playbook refresh issues (#1486)
  Remove fetch type checking (#1492)
  Telemetry: new approach draft + PostUpdate viewed (#1470)
  Private channel/playbook in run overview at RDP (#1481)
  MM-47028 Use version of React DOM provided by web app (#1489)
  more nesting allowed for pull requests (#1476)
  add missing icons from mdi to compass (#1474)
  add portal-false to dotmenu in pbe manage members (#1479)
  clean unused code inside backstage (#1475)
  Improved logging (#1271)
  Translated using Weblate (Turkish)
  Translated using Weblate (Croatian)
  Translated using Weblate (Hungarian)
  Translated using Weblate (Dutch)
  Translated using Weblate (English (Australia))
  Translated using Weblate (Polish)
  Translated using Weblate (Hungarian)
  ...
trilopin added a commit that referenced this pull request Oct 4, 2022
* master:
  MM-47028 Use version of React DOM provided by web app (#1489)
  more nesting allowed for pull requests (#1476)
  add missing icons from mdi to compass (#1474)
trilopin added a commit that referenced this pull request Oct 4, 2022
* master:
  Remove old checklists and related code. (#1499)
  Mm 46916 lhs not refreshed after unfollow (#1497)
  disable duplicated mochawesome logs (#1498)
  Mm 45998 clear playbook before saving (#1478)
  [MM-46891] Fix collapsed LHS (#1485)
  Fix styled component errors (#1491)
  Fix a setState after unmount (#1493)
  Mm 44497 playbook refresh issues (#1486)
  Remove fetch type checking (#1492)
  Telemetry: new approach draft + PostUpdate viewed (#1470)
  Private channel/playbook in run overview at RDP (#1481)
  MM-47028 Use version of React DOM provided by web app (#1489)
  more nesting allowed for pull requests (#1476)
  add missing icons from mdi to compass (#1474)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
4: Reviews Complete All reviewers have approved the pull request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants