[fix] Safari versions below 14 are broken by this package #2605
Labels
type: bug
Something isn't working like it's supposed to
Comments
sawyerh
changed the title
sawyerh
added a commit
to navapbc/template-application-nextjs
that referenced
this issue
Oct 3, 2023
## Changes - Configures Next.js to transpile the React USWDS and React I18next packages to address an issue where its syntax was breaking the experience for Safari versions prior to 14, and Edge versions prior to 79. ## Context for reviewers I've filed a ticket on the React USWDS repo about one of the issues here: trussworks/react-uswds#2605 The two JS exceptions we were seeing are: 1. [`Unexpected token '='`](https://stackoverflow.com/questions/60026651/safari-unexpected-token-expected-an-opening-before-a-methods-paramet) 2. [`Expected identifier, string or number`](https://confluence.atlassian.com/insightapps/known-issue-with-older-versions-of-microsoft-edge-1085191263.html)
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
ReactUSWDS Version & USWDS Version:
Describe the bug
Not sure if this is a bug or a feature. Currently usage of this package will break the experience for users of Safari versions below 14, with the following JS exception:
A related Stackoverflow on this error is here.
To Reproduce
Open any project using the package, including the React USWDS Storybook, in Safari 13. Observe the error in the console (and a blank page).
Expected behavior
I'm not sure if this is expected or not. The browserslist is likely where this is surfacing from.
Screenshots
I was able to reproduce and then resolve this issue in a Next.js project by configuring Next.js to transpile the
"@trussworks/react-uswds"package.Before the transpiling:
After:
The text was updated successfully, but these errors were encountered: