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

fix(Coachmark): ssr issues with instanceOf(HTMLElement) #5391

Merged

Conversation

matthewgallo
Copy link
Member

Closes #5381

This fixes issues in SSR apps as HTMLElement is available client side only, causing SSR apps to crash because of it's current usage in Coachmark prop types. We faced a very similar issue before with the Tearsheet, see here.

What did you change?

packages/ibm-products/src/components/Coachmark/Coachmark.tsx

How did you test and verify your work?

All PR checks pass

@matthewgallo matthewgallo requested a review from a team as a code owner June 3, 2024 11:36
@matthewgallo matthewgallo requested review from elycheea and annawen1 and removed request for a team June 3, 2024 11:36
Copy link

netlify bot commented Jun 3, 2024

Deploy Preview for carbon-for-ibm-products ready!

Name Link
🔨 Latest commit a2f77fb
🔍 Latest deploy log https://app.netlify.com/sites/carbon-for-ibm-products/deploys/665dc45ca281d0000884e6b5
😎 Deploy Preview https://deploy-preview-5391--carbon-for-ibm-products.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@elycheea elycheea added this pull request to the merge queue Jun 4, 2024
Merged via the queue into carbon-design-system:main with commit d9fdd12 Jun 4, 2024
17 checks passed
@matthewgallo matthewgallo deleted the 5381-coachmark-ssr-issue branch June 4, 2024 15:14
makafsal pushed a commit to makafsal/ibm-products that referenced this pull request Jun 5, 2024
…ign-system#5391)

* fix(Coachmark): ssr issues with htmlelement

* chore: remove unnecessary export
github-merge-queue bot pushed a commit that referenced this pull request Jun 6, 2024
* refactor(DataGrid): implement types for DataGrid component

* refactor(DataGridContent): implement types for DataGridContent file

* refactor(filterSummary): implement types

* refactor(datagridContent): implement types

* refactor(datagridHead): implement types

* refactor(datagridBody): implement types

* refactor(datagridEmptyBody): implement types

* fix(datagridEmptyBody): empty state props

* refactor(DatagridVirtualBody): implement types

* refactor(datagridRefBody): implement types

* refactor(DatagridSimpleBody): implement types

* refactor(DatagridExpandedRow): implement types

* refactor(DatagridHeaderRow): implement types

* refactor(DatagridSlug): implement types

* refactor(DatagridRow): implement types

* refactor(DatagridSelectAll): implement types

* refactor(DatagridSelectAllWithToggle): implement types

* refactor(DatagridToolbar): implement types

* refactor(DraggableEleemt): implement types

* refactor(dataGrid): import carbon component props

* refactor(DataGrid): reuse react-table types

* refactor(DatagridHeaderRow): assign key value separately

* refactor: change types according to react-table types

* fix(datagrid): remove emptyState props

* refactor: revert empty state props

* refactor(datagrid): move index file to .ts

* refactor: update type for state in all files

* refactor: change row typw

* chore: test issue

* chore: revert test code

* chore: remove condition

* chore: remove condition

* chore: revert condition

* chore: state destructure

* chore: test deployment issue 1

* chore: test deployment issue 1

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* refactor: test deploy error

* fix(DataGrid): resolve error in deployment

* fix(DataGrid): resolve error on deployed version

* chore(Datagrid): resolve PR comments

* chore: dummy commit to rerun jobs

* chore: remove unwanted line

* refactor: change react-table types version

* refactor: change react-table types version

* chore: remove unwanted line

refactor: change react-table types version

refactor: change react-table types version

* chore: dummy commit to rerun jobs

chore: remove unwanted line

refactor: change react-table types version

refactor: change react-table types version

chore: remove unwanted line

refactor: change react-table types version

refactor: change react-table types version

* chore: dummy commit to rerun jobs

chore: remove unwanted line

refactor: change react-table types version

refactor: change react-table types version

chore: remove unwanted line

refactor: change react-table types version

refactor: change react-table types version

chore: dummy commit to rerun jobs

chore: remove unwanted line

refactor: change react-table types version

refactor: change react-table types version

chore: remove unwanted line

refactor: change react-table types version

refactor: change react-table types version

* chore(release): publish [skip ci]

 - @carbon/[email protected]
 - @carbon/[email protected]
 - @carbon/[email protected]

* chore(Datagrid): resolve PR comments

* fix(CreateTearsheet): add focus trap behavior (#5329)

* test(ExpressiveCard): add @AVT test for default state (#5393)

* test(Toolbar): add default state AVT test (#5395)

* fix(Coachmark): ssr issues with `instanceOf(HTMLElement)` (#5391)

* fix(Coachmark): ssr issues with htmlelement

* chore: remove unnecessary export

* Add .whitesource configuration file (#5323)

Co-authored-by: ibm-mend-app[bot] <142626574+ibm-mend-app[bot]@users.noreply.github.com>
Co-authored-by: Jeff Chew <[email protected]>

* refactor(TagOverflowModal): add Typescript types to TagOverflowModal (#5311)

* fix(Datagrid): add disable cell support (#5385)

* test(ProductiveCard): add default state AVT test (#5394)

* feat(FeatureFlags): add new mechanism for feature flagging using `@carbon/feature-flags` (#5204)

* feat(FeatureFlags): add feature flag support using carbon package

* chore: import feature flags and update lock

* chore: remove console log

* feat: use new feature flag system and add mdx docs

* chore: add annotation component to example story

* fix: remove utility hook from portal target hook

* chore: rename feature-flags file

* chore: remove console log

* chore: add feature flag component to editable cell stories

* fix: import feature flags file

* fix: import feature flags in jest setup

* fix: update tests

* chore: remove old generated feature flags

* chore: import feature flags

* fix: add feature flags file as side effect

* chore: add test file

* chore(feature-flags): rename to match carbon naming patterns

chore: dummy commit to rerun jobs

chore: remove unwanted line

refactor: change react-table types version

refactor: change react-table types version

chore: remove unwanted line

refactor: change react-table types version

refactor: change react-table types version

chore: dummy commit to rerun jobs

chore: remove unwanted line

refactor: change react-table types version

refactor: change react-table types version

chore: remove unwanted line

refactor: change react-table types version

refactor: change react-table types version

chore: dummy commit to rerun jobs

chore: remove unwanted line

refactor: change react-table types version

refactor: change react-table types version

chore: remove unwanted line

refactor: change react-table types version

refactor: change react-table types version

chore: dummy commit to rerun jobs

chore: remove unwanted line

refactor: change react-table types version

refactor: change react-table types version

chore: remove unwanted line

refactor: change react-table types version

refactor: change react-table types version

* chore: resolve merge conflict

* refactor: resolve minor issues

* test: resolve test issue

---------

Co-authored-by: github-merge-queue <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Matt Gallo <[email protected]>
Co-authored-by: andrew <[email protected]>
Co-authored-by: Ignacio Becerra <[email protected]>
Co-authored-by: ibm-mend-app[bot] <142626574+ibm-mend-app[bot]@users.noreply.github.com>
Co-authored-by: Jeff Chew <[email protected]>
Co-authored-by: Anamika T S <[email protected]>
Co-authored-by: Austin <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

SSR render fails with HTMLElement reference in 2.38.0+
4 participants