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

Set up the Advantage page to mount a React app #10089

Merged
merged 1 commit into from
Jul 28, 2021

Conversation

huwshimi
Copy link
Contributor

@huwshimi huwshimi commented Jul 28, 2021

Done

  • Set up the Advantage page to mount a React app.

QA

  • Visit /advantage?test_backend=true.
  • Log in.
  • You should see "Your subscriptions".
  • When the React app has loaded it should say "Content" under the title.

Issue / Card

Fixes canonical-web-and-design/commercial-squad#85.

@@ -7,7 +7,7 @@
"esModuleInterop": true,
"forceConsistentCasingInFileNames": true,
"isolatedModules": true,
"jsx": "react-jsx",
"jsx": "react",
Copy link
Contributor Author

Choose a reason for hiding this comment

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

It seems esbuild does not support the new JSX transform yet so I've reverted this.

Copy link
Contributor

Choose a reason for hiding this comment

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

What was the issue?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

It seems that esbuild has to add support for the React 17 JSX transform so I guess it just wasn't going to build with "react-jsx" (there were conflicting errors about needing React to be imported/not imported).

More details in the issue: evanw/esbuild#334.

Copy link
Contributor

@ClementChaumel ClementChaumel left a comment

Choose a reason for hiding this comment

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

👍

@@ -7,7 +7,7 @@
"esModuleInterop": true,
"forceConsistentCasingInFileNames": true,
"isolatedModules": true,
"jsx": "react-jsx",
"jsx": "react",
Copy link
Contributor

Choose a reason for hiding this comment

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

What was the issue?

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.

2 participants