fix(nextjs): styled-jsx and styled-components should have "use client directive"

[ndcunningham]

CSS-in-JS libraries which require runtime JavaScript are not currently supported in Server Components.

Currently, only styled-jsx and styled-components are supported.

emotion (emotion-js/emotion#2928) is still in progress along with a few others

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Ignored Deployment

Name	Status	Preview	Comments	Updated (UTC)
nx-dev	⬜️ Ignored (Inspect)			Apr 20, 2023 6:05pm

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit b6e47ad. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

---

✅ Successfully ran 8 targets

• nx affected -t e2e-macos --parallel=1 --exclude=e2e-detox
• nx affected --target=e2e --base=739b4c2924a1b68d4d50d0eaa6cefa5108e5469e --head=b6e47adb7019f0b09132e7fde15bfbe3a8688e23 --parallel=1
• nx affected --target=test --base=739b4c2924a1b68d4d50d0eaa6cefa5108e5469e --head=b6e47adb7019f0b09132e7fde15bfbe3a8688e23 --parallel=1
• nx run-many -t check-imports check-commit check-lock-files depcheck --parallel=1 --no-dte
• nx affected --target=build --base=739b4c2924a1b68d4d50d0eaa6cefa5108e5469e --head=b6e47adb7019f0b09132e7fde15bfbe3a8688e23 --parallel=3
• nx affected --target=lint --base=739b4c2924a1b68d4d50d0eaa6cefa5108e5469e --head=b6e47adb7019f0b09132e7fde15bfbe3a8688e23 --parallel=3
• nx-cloud record -- nx format:check --base=739b4c2924a1b68d4d50d0eaa6cefa5108e5469e --head=b6e47adb7019f0b09132e7fde15bfbe3a8688e23
• nx documentation --no-dte

---

Sent with 💌 from NxCloud.

[github-actions]

This pull request has already been merged/closed. If you experience issues related to these changes, please open a new issue referencing this pull request.