@mui/material-nextjs 5.15.0 → 5.15.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,179 @@
|
|
|
1
1
|
# [Versions](https://mui.com/versions/)
|
|
2
2
|
|
|
3
|
+
## 5.15.3
|
|
4
|
+
|
|
5
|
+
<!-- generated comparing v5.15.2..master -->
|
|
6
|
+
|
|
7
|
+
_Jan 3, 2024_
|
|
8
|
+
|
|
9
|
+
A big thanks to the 11 contributors who made this release possible.
|
|
10
|
+
This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
|
|
11
|
+
|
|
12
|
+
### `@mui/material-nextjs@5.15.3`
|
|
13
|
+
|
|
14
|
+
- ​<!-- 06 -->[material-nextjs] Fix order of emotion server (#40409) @siriwatknp
|
|
15
|
+
|
|
16
|
+
### `@mui/base@5.0.0-beta.30`
|
|
17
|
+
|
|
18
|
+
- ​<!-- 40 -->[useSlider] Rearrange passive option in eventlisteners (#40235) @Kamino0
|
|
19
|
+
|
|
20
|
+
### `@mui/lab@5.0.0-alpha.159`
|
|
21
|
+
|
|
22
|
+
- ​<!-- 14 -->Add use client directive (#40358) @DiegoAndai
|
|
23
|
+
|
|
24
|
+
### `@mui/material-next@6.0.0-alpha.116`
|
|
25
|
+
|
|
26
|
+
- ​<!-- 13 -->[List] Copy all List\* components to material-next package (#40367) @sai6855
|
|
27
|
+
- ​<!-- 12 -->Update CONTRIBUTING guide given v6/v7 rescheduling (#40363) @DiegoAndai
|
|
28
|
+
- ​<!-- 11 -->[MenuItem] Fix spec import (#40271) @DiegoAndai
|
|
29
|
+
- ​<!-- 10 -->[Option] Add Option component (#40270) @DiegoAndai
|
|
30
|
+
- ​<!-- 09 -->[Slider] Replace lodash with internal utils (#40261) @DiegoAndai
|
|
31
|
+
- ​<!-- 08 -->[Switch] Change files to TypeScript (#39894) @lhilgert9
|
|
32
|
+
- ​<!-- 07 -->[theme] Move ref palette out of color schemes (#40341) @DiegoAndai
|
|
33
|
+
|
|
34
|
+
### Docs
|
|
35
|
+
|
|
36
|
+
- ​<!-- 41 -->[base-ui] Polish the Table Pagination demos (#40281) @danilo-leal
|
|
37
|
+
- ​<!-- 22 -->[joy-ui] Fix dashboard template console errors (#40316) @oliviertassinari
|
|
38
|
+
- ​<!-- 21 -->[joy-ui] Fix image size on the Files template (#40315) @oliviertassinari
|
|
39
|
+
- ​<!-- 20 -->[material-ui] Revise the Divider page (#40356) @danilo-leal
|
|
40
|
+
- ​<!-- 19 -->[material-ui] Polish the Next.js integration page (#40317) @oliviertassinari
|
|
41
|
+
- ​<!-- 18 -->[material-ui] Adding autoFocus on Virtual Popover (#40239) @aacevski
|
|
42
|
+
- ​<!-- 17 -->[material-ui] Revise the Roadmap page (#40054) @danilo-leal
|
|
43
|
+
- ​<!-- 16 -->[material-ui] Update the "showing and hiding" section on the Tooltip page (#40283) @anle9650
|
|
44
|
+
- ​<!-- 05 -->[material-ui] Fix Slider's customized iOS demo to use updated official colors (#39813) @Super-Kenil
|
|
45
|
+
- ​<!-- 15 -->[examples] Simplify Next.js example (#40318) @oliviertassinari
|
|
46
|
+
|
|
47
|
+
### Core
|
|
48
|
+
|
|
49
|
+
- ​<!-- 39 -->[blog] Update open-graph cards for all posts (#40328) @danilo-leal
|
|
50
|
+
- ​<!-- 38 -->[blog] Correct git diff @oliviertassinari
|
|
51
|
+
- ​<!-- 37 -->[code-infra] Update lerna and unpin its version (#40399) @michaldudak
|
|
52
|
+
- ​<!-- 36 -->[code-infra] Break package dependency cycle between @mui/material and @mui/icons-material (#40400) @michaldudak
|
|
53
|
+
- ​<!-- 35 -->[code-infra] Break package dependency cycles (#40398) @michaldudak
|
|
54
|
+
- ​<!-- 34 -->[code-infra] Sync bug issue template (#40305) @oliviertassinari
|
|
55
|
+
- ​<!-- 33 -->[docs] Fix 301 link to Base UI (#40396) @oliviertassinari
|
|
56
|
+
- ​<!-- 32 -->[docs] Link new MUI X components in sidnav (#40345) @oliviertassinari
|
|
57
|
+
- ​<!-- 31 -->[docs] Fix 301 links to Toolpad @oliviertassinari
|
|
58
|
+
- ​<!-- 30 -->[docs] Remove old notifications @oliviertassinari
|
|
59
|
+
- ​<!-- 29 -->[docs] Always mention the npm tag with npx (#40335) @oliviertassinari
|
|
60
|
+
- ​<!-- 28 -->[docs] Reduce network use on the All Components pages (#40313) @oliviertassinari
|
|
61
|
+
- ​<!-- 27 -->[docs-infra] Fix missing button aria-label (#40394) @oliviertassinari
|
|
62
|
+
- ​<!-- 26 -->[docs-infra] Fix a11y violation rule (#40393) @oliviertassinari
|
|
63
|
+
- ​<!-- 25 -->[docs-infra] Prefetch pages on hover (#40314) @oliviertassinari
|
|
64
|
+
- ​<!-- 24 -->[docs-infra] Fix footer links to link to the main domain (#40373) @oliviertassinari
|
|
65
|
+
- ​<!-- 23 -->[docs-infra] Add stray design adjustments (#40347) @danilo-leal
|
|
66
|
+
- ​<!-- 04 -->[website] Fix Base UI page's component section imports & styles (#40231) @danilo-leal
|
|
67
|
+
- ​<!-- 03 -->[website] Fix outdated Nhost image link @oliviertassinari
|
|
68
|
+
- ​<!-- 02 -->[website] Shorten Joy UI description, 7 chars too long @oliviertassinari
|
|
69
|
+
- ​<!-- 01 -->[website] Update some social preview images (#40282) @danilo-leal
|
|
70
|
+
|
|
71
|
+
All contributors of this release in alphabetical order: @aacevski, @anle9650, @danilo-leal, @DiegoAndai, @Kamino0, @lhilgert9, @michaldudak, @oliviertassinari, @sai6855, @siriwatknp, @Super-Kenil
|
|
72
|
+
|
|
73
|
+
## 5.15.2
|
|
74
|
+
|
|
75
|
+
<!-- generated comparing v5.15.1..master -->
|
|
76
|
+
|
|
77
|
+
_Dec 25, 2023_
|
|
78
|
+
|
|
79
|
+
A big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
|
|
80
|
+
|
|
81
|
+
- 🚀 Added support for callbacks in the [variant's props definition](https://mui.com/material-ui/customization/theme-components/#creating-new-component-variants) (#40094) @mnajdova
|
|
82
|
+
- 💫 Published a [blogpost](https://mui.com/blog/2023-material-ui-v6-and-beyond/) for the 2024's plan about Material UI
|
|
83
|
+
|
|
84
|
+
### `@mui/material@5.15.2`
|
|
85
|
+
|
|
86
|
+
- ​<!-- 31 -->[Badge] Use the variants API in the styled call (#40213) @mnajdova
|
|
87
|
+
- ​<!-- 04 -->[Paper] Add missing Paper classes descriptions (#40300) @sai6855
|
|
88
|
+
|
|
89
|
+
### `@mui/system@5.15.2`
|
|
90
|
+
|
|
91
|
+
- ​<!-- 03 -->Support props callback in the variant's definition (#40094) @mnajdova
|
|
92
|
+
|
|
93
|
+
### `@mui/base@5.0.0-beta.29`
|
|
94
|
+
|
|
95
|
+
- ​<!-- 29 -->[Popup] Use context-based transition API (#39326) @michaldudak
|
|
96
|
+
- ​<!-- 28 -->[Popup] Popup no longer opens outside viewport (#39827) @adamhylander
|
|
97
|
+
- ​<!-- 27 -->[useSelect] Refactor to use DOM focus management instead of active descendant (#39675) @DiegoAndai
|
|
98
|
+
|
|
99
|
+
### `@mui/material-next@6.0.0-alpha.115`
|
|
100
|
+
|
|
101
|
+
- ​<!-- 15 -->[material-next][Divider]Divider ts support (#40307) @sai6855
|
|
102
|
+
|
|
103
|
+
### Docs
|
|
104
|
+
|
|
105
|
+
- ​<!-- 30 -->[base-ui] Fix form submission Select demo (#40014) @ZeeshanTamboli
|
|
106
|
+
- ​<!-- 24 -->[blog] Add Material UI v6 and beyond blog post (#40242) @mnajdova
|
|
107
|
+
- ​<!-- 10 -->[material-ui] Fix broken links in the All components page (#40303) @muazaqdas
|
|
108
|
+
- ​<!-- 09 -->[material-ui] Fix broken links on the All components page (#40279) @danilo-leal
|
|
109
|
+
- ​<!-- 08 -->[material-ui] Add aria-current for nav tabs demo (#39594) @Kimzify
|
|
110
|
+
- ​<!-- 07 -->[material-ui] Add an "All components" page (#40256) @danilo-leal
|
|
111
|
+
- ​<!-- 06 -->[material-ui][Tooltip] Add demo to show how to change distance between tooltip and its anchor (#40087) @anle9650
|
|
112
|
+
|
|
113
|
+
### Core
|
|
114
|
+
|
|
115
|
+
- ​<!-- 26 -->[blog] Fix 301 redirection @oliviertassinari
|
|
116
|
+
- ​<!-- 25 -->[blog] Reduce max image size @oliviertassinari
|
|
117
|
+
- ​<!-- 23 -->[code-infra] Extract Babel macro from mui-utils (#40262) @michaldudak
|
|
118
|
+
- ​<!-- 22 -->[core] Simplify a bit the release instructions @oliviertassinari
|
|
119
|
+
- ​<!-- 21 -->[core] Push force to deploy is not unexpected @oliviertassinari
|
|
120
|
+
- ​<!-- 20 -->[core] Fix CSS2 vs. CSS3 ::after syntax @oliviertassinari
|
|
121
|
+
- ​<!-- 19 -->[core] Fix CSS2 vs. CSS3 ::before syntax @oliviertassinari
|
|
122
|
+
- ​<!-- 05 -->[core] Use direct import from utils package (#40254) @siriwatknp
|
|
123
|
+
- ​<!-- 18 -->[core] Yaml format match most common convention @oliviertassinari
|
|
124
|
+
- ​<!-- 17 -->[core] Polish docs-feedback issue template @oliviertassinari
|
|
125
|
+
- ​<!-- 16 -->[core] Pin Node version on GitHub Actions to 18.18 (#40187) @michaldudak
|
|
126
|
+
- ​<!-- 14 -->[docs] Fix SEO regression (#40306) @oliviertassinari
|
|
127
|
+
- ​<!-- 13 -->[docs] Fix docs redirections @oliviertassinari
|
|
128
|
+
- ​<!-- 12 -->[docs] Update the Contributing guide to give more guidance on documentation (#40274) @samuelsycamore
|
|
129
|
+
- ​<!-- 11 -->[docs-infra] Add polish to the inline code block (#40260) @danilo-leal
|
|
130
|
+
- ​<!-- 02 -->[website] Update Gold sponsors: add RxDB, standardize formatting (#40273) @samuelsycamore
|
|
131
|
+
- ​<!-- 01 -->[website] Revert change to homepage SEO attributes @oliviertassinari
|
|
132
|
+
|
|
133
|
+
All contributors of this release in alphabetical order: @adamhylander, @anle9650, @danilo-leal, @DiegoAndai, @Kimzify, @michaldudak, @mnajdova, @muazaqdas, @oliviertassinari, @sai6855, @samuelsycamore, @siriwatknp, @ZeeshanTamboli
|
|
134
|
+
|
|
135
|
+
## 5.15.1
|
|
136
|
+
|
|
137
|
+
<!-- generated comparing v5.15.0..master -->
|
|
138
|
+
|
|
139
|
+
_Dec 19, 2023_
|
|
140
|
+
|
|
141
|
+
A big thanks to the 15 contributors who made this release possible.
|
|
142
|
+
This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
|
|
143
|
+
|
|
144
|
+
### `@mui/material@5.15.1`
|
|
145
|
+
|
|
146
|
+
- ​<!-- 13 -->[CardActions][DialogActions] Apply margin for all children except for 1st child (#40168) @sai6855
|
|
147
|
+
- ​<!-- 03 -->[TablePagination] Add ability to change icons in TablePaginationActions using `slots` and `slotProps` (#33797) @pratikkarad
|
|
148
|
+
- ​<!-- 13 -->[CssVarsProvider] Fix HSL breaking button styles (#39869) @gitstart
|
|
149
|
+
|
|
150
|
+
### `@mui/joy@5.0.0-beta.19`
|
|
151
|
+
|
|
152
|
+
- ​<!-- 05 -->[FormControl] Fix issue with the conditional setting of `htmlFor` and `id` attributes not functioning properly for form labels (#40180) @ReaZzy
|
|
153
|
+
- ​<!-- 04 -->[typescript] Address TypeScript issue with custom zIndex not functioning (#40133) @qiweiii
|
|
154
|
+
|
|
155
|
+
### `@mui/styled-engine-sc@6.0.0-alpha.9`
|
|
156
|
+
|
|
157
|
+
- ​<!-- 02 -->[typescript] Fix `theme` being of type any (#40200) @mnajdova
|
|
158
|
+
|
|
159
|
+
### Docs
|
|
160
|
+
|
|
161
|
+
- ​<!-- 09 -->[joy-ui] Fix typo in the CSS baseline page (#40222) @possibilities
|
|
162
|
+
- ​<!-- 08 -->[joy-ui] Document missing Autocomplete props (#39979) @ZeeshanTamboli
|
|
163
|
+
- ​<!-- 10 -->[joy-ui] Fix typo about Typography levels (#40230) @zanivan
|
|
164
|
+
- ​<!-- 07 -->[material-ui] Update the related projects page to list `mui-tiptap` for rich text (#40216) @sjdemartini
|
|
165
|
+
- ​<!-- 06 -->[material-ui] Fix typo in the Next.js integration page (#40209) @s8990
|
|
166
|
+
|
|
167
|
+
### Core
|
|
168
|
+
|
|
169
|
+
- ​<!-- 14 -->[blog] Fix access to Notion without an account @oliviertassinari
|
|
170
|
+
- ​<!-- 12 -->[core] Update workflows and issue templates to reflect the updated label (#40197) @MBilalShafi
|
|
171
|
+
- ​<!-- 11 -->[docs] Replace Twitter with X (#40193) @mbrookes
|
|
172
|
+
- ​<!-- 10 -->[docs-infra] Uplift the Algolia search modal design (#40186) @danilo-leal
|
|
173
|
+
- ​<!-- 01 -->[website] Update product descriptions and social preview images (#32181) @danilo-leal
|
|
174
|
+
|
|
175
|
+
All contributors of this release in alphabetical order: @danilo-leal, @gitstart, @MBilalShafi, @mbrookes, @mnajdova, @oliviertassinari, @possibilities, @pratikkarad, @qiweiii, @ReaZzy, @s8990, @sai6855, @sjdemartini, @zanivan, @ZeeshanTamboli
|
|
176
|
+
|
|
3
177
|
## 5.15.0
|
|
4
178
|
|
|
5
179
|
<!-- generated comparing v5.14.20..master -->
|
|
@@ -1265,7 +1439,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
|
|
|
1265
1439
|
A codemod is provided to help with the migration:
|
|
1266
1440
|
|
|
1267
1441
|
```bash
|
|
1268
|
-
npx @mui/codemod v5.0.0/base-use-named-exports <path>
|
|
1442
|
+
npx @mui/codemod@latest v5.0.0/base-use-named-exports <path>
|
|
1269
1443
|
```
|
|
1270
1444
|
|
|
1271
1445
|
#### Changes
|
|
@@ -2147,7 +2321,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
|
|
|
2147
2321
|
There is codemod that you can run in your project to do the transformation:
|
|
2148
2322
|
|
|
2149
2323
|
```bash
|
|
2150
|
-
npx @mui/codemod v5.0.0/base-remove-component-prop <path>
|
|
2324
|
+
npx @mui/codemod@latest v5.0.0/base-remove-component-prop <path>
|
|
2151
2325
|
```
|
|
2152
2326
|
|
|
2153
2327
|
The full documentation about the codemod can be found [here](https://github.com/mui/material-ui/blob/master/packages/mui-codemod/README.md#base-remove-component-prop).
|
|
@@ -2246,7 +2420,7 @@ A big thanks to the 12 contributors who made this release possible. Here are som
|
|
|
2246
2420
|
You can use this [codemod](https://github.com/mui/material-ui/blob/master/packages/mui-codemod/src/v5.0.0/base-remove-unstyled-suffix.js) to help with the migration:
|
|
2247
2421
|
|
|
2248
2422
|
```bash
|
|
2249
|
-
npx @mui/codemod v5.0.0/base-remove-unstyled-suffix <path>
|
|
2423
|
+
npx @mui/codemod@latest v5.0.0/base-remove-unstyled-suffix <path>
|
|
2250
2424
|
```
|
|
2251
2425
|
|
|
2252
2426
|
#### Changes
|
package/README.md
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
# @mui/material-nextjs
|
|
2
2
|
|
|
3
|
-
The official
|
|
3
|
+
The official Material UI integration with Next.js. For the full documentation, visit [Next.js integration](https://mui.com/material-ui/guides/nextjs/) page.
|
|
@@ -115,7 +115,7 @@ export function documentGetInitialProps(_x4, _x5) {
|
|
|
115
115
|
function _documentGetInitialProps() {
|
|
116
116
|
_documentGetInitialProps = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(ctx, options) {
|
|
117
117
|
var _options$emotionCache, _options$plugins;
|
|
118
|
-
var cache;
|
|
118
|
+
var cache, _createEmotionServer, extractCriticalToChunks;
|
|
119
119
|
return _regeneratorRuntime.wrap(function _callee4$(_context4) {
|
|
120
120
|
while (1) switch (_context4.prev = _context4.next) {
|
|
121
121
|
case 0:
|
|
@@ -142,7 +142,9 @@ function _documentGetInitialProps() {
|
|
|
142
142
|
// 4. page.render
|
|
143
143
|
// You can consider sharing the same Emotion cache between all the SSR requests to speed up performance.
|
|
144
144
|
// However, be aware that it can have global side effects.
|
|
145
|
-
cache = (_options$emotionCache = options == null ? void 0 : options.emotionCache) != null ? _options$emotionCache : createEmotionCache();
|
|
145
|
+
cache = (_options$emotionCache = options == null ? void 0 : options.emotionCache) != null ? _options$emotionCache : createEmotionCache(); // The createEmotionServer has to be called directly after the cache creation due to the side effect of cache.compat = true,
|
|
146
|
+
// otherwise the <style> tag will not come with the HTML string from the server.
|
|
147
|
+
_createEmotionServer = createEmotionServer(cache), extractCriticalToChunks = _createEmotionServer.extractCriticalToChunks;
|
|
146
148
|
return _context4.abrupt("return", createGetInitialProps([{
|
|
147
149
|
enhanceApp: function enhanceApp(App) {
|
|
148
150
|
return function EnhanceApp(props) {
|
|
@@ -153,11 +155,10 @@ function _documentGetInitialProps() {
|
|
|
153
155
|
},
|
|
154
156
|
resolveProps: function () {
|
|
155
157
|
var _resolveProps = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(initialProps) {
|
|
156
|
-
var
|
|
158
|
+
var _extractCriticalToChu, styles;
|
|
157
159
|
return _regeneratorRuntime.wrap(function _callee3$(_context3) {
|
|
158
160
|
while (1) switch (_context3.prev = _context3.next) {
|
|
159
161
|
case 0:
|
|
160
|
-
_createEmotionServer = createEmotionServer(cache), extractCriticalToChunks = _createEmotionServer.extractCriticalToChunks;
|
|
161
162
|
_extractCriticalToChu = extractCriticalToChunks(initialProps.html), styles = _extractCriticalToChu.styles;
|
|
162
163
|
return _context3.abrupt("return", _extends({}, initialProps, {
|
|
163
164
|
emotionStyleTags: styles.map(function (style) {
|
|
@@ -170,7 +171,7 @@ function _documentGetInitialProps() {
|
|
|
170
171
|
}, style.key);
|
|
171
172
|
})
|
|
172
173
|
}));
|
|
173
|
-
case
|
|
174
|
+
case 2:
|
|
174
175
|
case "end":
|
|
175
176
|
return _context3.stop();
|
|
176
177
|
}
|
|
@@ -182,7 +183,7 @@ function _documentGetInitialProps() {
|
|
|
182
183
|
return resolveProps;
|
|
183
184
|
}()
|
|
184
185
|
}].concat(_toConsumableArray((_options$plugins = options == null ? void 0 : options.plugins) != null ? _options$plugins : [])))(ctx));
|
|
185
|
-
case
|
|
186
|
+
case 3:
|
|
186
187
|
case "end":
|
|
187
188
|
return _context4.stop();
|
|
188
189
|
}
|
|
@@ -86,6 +86,11 @@ export async function documentGetInitialProps(ctx, options) {
|
|
|
86
86
|
// You can consider sharing the same Emotion cache between all the SSR requests to speed up performance.
|
|
87
87
|
// However, be aware that it can have global side effects.
|
|
88
88
|
const cache = options?.emotionCache ?? createEmotionCache();
|
|
89
|
+
// The createEmotionServer has to be called directly after the cache creation due to the side effect of cache.compat = true,
|
|
90
|
+
// otherwise the <style> tag will not come with the HTML string from the server.
|
|
91
|
+
const {
|
|
92
|
+
extractCriticalToChunks
|
|
93
|
+
} = createEmotionServer(cache);
|
|
89
94
|
return createGetInitialProps([{
|
|
90
95
|
enhanceApp: App => function EnhanceApp(props) {
|
|
91
96
|
return /*#__PURE__*/_jsx(App, _extends({
|
|
@@ -93,9 +98,6 @@ export async function documentGetInitialProps(ctx, options) {
|
|
|
93
98
|
}, props));
|
|
94
99
|
},
|
|
95
100
|
resolveProps: async initialProps => {
|
|
96
|
-
const {
|
|
97
|
-
extractCriticalToChunks
|
|
98
|
-
} = createEmotionServer(cache);
|
|
99
101
|
const {
|
|
100
102
|
styles
|
|
101
103
|
} = extractCriticalToChunks(initialProps.html);
|
|
@@ -98,6 +98,11 @@ async function documentGetInitialProps(ctx, options) {
|
|
|
98
98
|
// You can consider sharing the same Emotion cache between all the SSR requests to speed up performance.
|
|
99
99
|
// However, be aware that it can have global side effects.
|
|
100
100
|
const cache = (_options$emotionCache = options == null ? void 0 : options.emotionCache) != null ? _options$emotionCache : createEmotionCache();
|
|
101
|
+
// The createEmotionServer has to be called directly after the cache creation due to the side effect of cache.compat = true,
|
|
102
|
+
// otherwise the <style> tag will not come with the HTML string from the server.
|
|
103
|
+
const {
|
|
104
|
+
extractCriticalToChunks
|
|
105
|
+
} = (0, _createInstance.default)(cache);
|
|
101
106
|
return createGetInitialProps([{
|
|
102
107
|
enhanceApp: App => function EnhanceApp(props) {
|
|
103
108
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(App, (0, _extends2.default)({
|
|
@@ -105,9 +110,6 @@ async function documentGetInitialProps(ctx, options) {
|
|
|
105
110
|
}, props));
|
|
106
111
|
},
|
|
107
112
|
resolveProps: async initialProps => {
|
|
108
|
-
const {
|
|
109
|
-
extractCriticalToChunks
|
|
110
|
-
} = (0, _createInstance.default)(cache);
|
|
111
113
|
const {
|
|
112
114
|
styles
|
|
113
115
|
} = extractCriticalToChunks(initialProps.html);
|
package/package.json
CHANGED
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/material-nextjs",
|
|
3
|
-
"version": "5.15.
|
|
3
|
+
"version": "5.15.3",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "MUI Team",
|
|
6
6
|
"description": "Collection of utilities for integration between Material UI and Next.js.",
|
|
7
7
|
"keywords": [
|
|
8
8
|
"react",
|
|
9
|
-
"
|
|
10
|
-
"
|
|
11
|
-
"utils"
|
|
9
|
+
"next",
|
|
10
|
+
"material-ui"
|
|
12
11
|
],
|
|
13
12
|
"repository": {
|
|
14
13
|
"type": "git",
|
|
@@ -19,7 +18,7 @@
|
|
|
19
18
|
"bugs": {
|
|
20
19
|
"url": "https://github.com/mui/material-ui/issues"
|
|
21
20
|
},
|
|
22
|
-
"homepage": "
|
|
21
|
+
"homepage": "https://mui.com/material-ui/guides/nextjs/",
|
|
23
22
|
"funding": {
|
|
24
23
|
"type": "opencollective",
|
|
25
24
|
"url": "https://opencollective.com/mui-org"
|
|
@@ -87,6 +87,11 @@ export async function documentGetInitialProps(ctx, options) {
|
|
|
87
87
|
// You can consider sharing the same Emotion cache between all the SSR requests to speed up performance.
|
|
88
88
|
// However, be aware that it can have global side effects.
|
|
89
89
|
const cache = (_options$emotionCache = options == null ? void 0 : options.emotionCache) != null ? _options$emotionCache : createEmotionCache();
|
|
90
|
+
// The createEmotionServer has to be called directly after the cache creation due to the side effect of cache.compat = true,
|
|
91
|
+
// otherwise the <style> tag will not come with the HTML string from the server.
|
|
92
|
+
const {
|
|
93
|
+
extractCriticalToChunks
|
|
94
|
+
} = createEmotionServer(cache);
|
|
90
95
|
return createGetInitialProps([{
|
|
91
96
|
enhanceApp: App => function EnhanceApp(props) {
|
|
92
97
|
return /*#__PURE__*/_jsx(App, _extends({
|
|
@@ -94,9 +99,6 @@ export async function documentGetInitialProps(ctx, options) {
|
|
|
94
99
|
}, props));
|
|
95
100
|
},
|
|
96
101
|
resolveProps: async initialProps => {
|
|
97
|
-
const {
|
|
98
|
-
extractCriticalToChunks
|
|
99
|
-
} = createEmotionServer(cache);
|
|
100
102
|
const {
|
|
101
103
|
styles
|
|
102
104
|
} = extractCriticalToChunks(initialProps.html);
|