fix(deps): update dependency styled-jsx to v5

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
styled-jsx	`4.0.1` -> `5.0.1`

Release Notes

vercel/styled-jsx

### [`v5.0.1`](https://togithub.com/vercel/styled-jsx/releases/v5.0.1) [Compare Source](https://togithub.com/vercel/styled-jsx/compare/v5.0.0...v5.0.1) ##### Bug Fixes - peer dep declaration for react 18 with npm ([#788](https://togithub.com/vercel/styled-jsx/issues/788)) ([384d208](https://togithub.com/vercel/styled-jsx/commit/384d2088d44521e9be8851f4dfe97c0e6db748b7)) ### [`v5.0.0`](https://togithub.com/vercel/styled-jsx/blob/HEAD/Changelog.md#500) [Compare Source](https://togithub.com/vercel/styled-jsx/compare/v4.0.1...v5.0.0) ##### Features - Introduce contextual styles ([#744](https://togithub.com/vercel/styled-jsx/issues/744)) - Opt-in react 18 insertion effect hook when available ([#753](https://togithub.com/vercel/styled-jsx/issues/753)) - Fallback to module level registry in browser ([#768](https://togithub.com/vercel/styled-jsx/issues/768)) ##### Improvements - Make JSXStyle return a noop if the registry context is not provided ([#749](https://togithub.com/vercel/styled-jsx/issues/749)) - Fix typings of `nonce` property - Pre-compile dependencies to reduce install size/time ([#770](https://togithub.com/vercel/styled-jsx/issues/770)) ##### BREAKING CHANGES ##### APIs - `styled-jsx/server` import path is deprecated - `flush` and `flushToHTML` from `styled-jsx/server` APIs are deprecated - New component `` is introduced - New APIs `useStyleRegistry` and `createStyleRegistry` are introduced ##### Usage If you're only using styled-jsx purely client side, nothing will effect you. If you're using styled-jsx inside Next.js without customization, Next.js will automatically handle the changes for you. If you have your own customization with styled-jsx in Next.js, for example you have a custom `_document`: By default, doing this will let Next.js collect styles and pass them down. ```jsx class Document extends React.Component { static async getInitialProps(ctx) { return await ctx.defaultGetInitialProps(ctx) } } ``` Or for instance you're passing `nonce` property in `getInitialProps` of `_document`, this will let you configure it: ```diff class Document extends React.Component { static async getInitialProps(ctx) { - return await ctx.defaultGetInitialProps(ctx) + return await ctx.defaultGetInitialProps(ctx, { nonce }) } } ``` If you're building the SSR solution yourself with other frameworks, please checkout the **Server-Side Rendering** section in readme.

Configuration

📅 Schedule: At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

[ ] If you want to rebase/retry this PR, click this checkbox.

This PR has been generated by WhiteSource Renovate. View repository job log here.

axetroy / blog

fix(deps): update dependency styled-jsx to v5 #651

Release Notes

Configuration