Brenosalv/bug/help-chat-not-showing-up-sometimes

[Brenosalv]

308

Changes

• Help Chat is not showing up sometimes when reloading the pages.
• Possible solution: remove the react hooks to avoid inconsistencies.

Tests / Screenshots

• Help Chat:

• React in the gatsby-browser.tsx

[github-actions[bot]]

Visit the preview URL for this PR (updated for commit 8bd7011):

https://estuary-marketing--pr307-brenosalv-bug-help-c-1jwe055u.web.app

_{(expires Sun, 23 Jun 2024 18:32:39 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 76f6b095a0752e5d9c6c890267f9fdc3e392161e}

[Brenosalv]

Lighthouse reports in incognito mode for homepage:

Desktop:

Mobile:

[Brenosalv]

Desktop report with the help chat placeholder:

[travjenkins]

So comparing the live analysis from Google and dynamic loading did not make an impact. Let's go ahead and put it back to how it was loading and just go with the new React component approach you made to solve the state issues.

[Brenosalv]

@travjenkins I think we don't need the component because we don't need the state. We just need to check if the screen width or height is less than 768px on load/first render and we can do it without states. Please let me know if you aggree.

[travjenkins]

@Brenosalv - We need the state as this will cause issues with SSR as window will not exist. So once the static site is provided there will be a change and a render will need to be done again.

[Brenosalv]

The problem that was causing the help chat to not show up sometimes was the initial state. I fixed this replacing the intial state with the current screen size.