7a09f88d14
When using pnpm / yarnPnP to install next.js, styled-jsx as dependency is not hoisted in the top level node_modules, it will fail when nodejs is trying to resolve `styled-jsx/style` from project directory. Re-export `styled-jsx/style` in next.js and let swc/babel plugin compile the import path it to `next/dist/shared/lib/styled-jsx` Resolves #10149 Closes #21320 Closes #9325 Co-authored-by: Tim Neutkens <6324199+timneutkens@users.noreply.github.com>
43 lines
1.5 KiB
JavaScript
43 lines
1.5 KiB
JavaScript
import _JSXStyle from "next/dist/shared/lib/styled-jsx";
|
|
export default class {
|
|
render() {
|
|
return <div className={_JSXStyle.dynamic([
|
|
[
|
|
"ac0c5daa02b1aeac",
|
|
[
|
|
Typography.base.size.default,
|
|
Typography.base.lineHeight,
|
|
Target.mediumPlus,
|
|
Typography.base.size.mediumPlus,
|
|
Target.largePlus,
|
|
Typography.base.size.largePlus
|
|
]
|
|
]
|
|
])}>
|
|
|
|
<p className={_JSXStyle.dynamic([
|
|
[
|
|
"ac0c5daa02b1aeac",
|
|
[
|
|
Typography.base.size.default,
|
|
Typography.base.lineHeight,
|
|
Target.mediumPlus,
|
|
Typography.base.size.mediumPlus,
|
|
Target.largePlus,
|
|
Typography.base.size.largePlus
|
|
]
|
|
]
|
|
])}>test</p>
|
|
|
|
<_JSXStyle id={"ac0c5daa02b1aeac"} dynamic={[
|
|
Typography.base.size.default,
|
|
Typography.base.lineHeight,
|
|
Target.mediumPlus,
|
|
Typography.base.size.mediumPlus,
|
|
Target.largePlus,
|
|
Typography.base.size.largePlus
|
|
]}>{`html{font-size:${Typography.base.size.default};line-height:${Typography.base.lineHeight}}@media ${Target.mediumPlus}{html{font-size:${Typography.base.size.mediumPlus}}}@media ${Target.largePlus}{html{font-size:${Typography.base.size.largePlus}}}`}</_JSXStyle>
|
|
|
|
</div>;
|
|
}
|
|
};
|