Skip to content

chore(monosize): externalize react/jsx-runtime for bundle-size config#36222

Merged
Hotell merged 2 commits into
masterfrom
copilot/cover-feedback-from-36198
May 19, 2026
Merged

chore(monosize): externalize react/jsx-runtime for bundle-size config#36222
Hotell merged 2 commits into
masterfrom
copilot/cover-feedback-from-36198

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented May 19, 2026

Follow up #36198 (comment)


  • Inspect existing /home/runner/work/fluentui/fluentui/.github/CODEOWNERS ownership patterns
  • Confirm established build ownership pattern (**/project.json @microsoft/fluentui-react-build)
  • Run baseline checks before edit (build/test pass; lint has pre-existing missing eslint plugin module in this environment)
  • Add ownership rule for **/monosize.config.mjs to @microsoft/fluentui-react-build
  • Run post-change validation (build/test pass; lint unchanged pre-existing failure)
  • Run parallel validation (Code Review + CodeQL)

Copilot finished work on behalf of Hotell May 19, 2026 09:28
@github-actions github-actions Bot added the CI label May 19, 2026
@github-actions
Copy link
Copy Markdown

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-accordion
Accordion (including children components)
92.29 kB
29.158 kB
91.136 kB
28.716 kB
-1.154 kB
-442 B
react-avatar
Avatar
48.492 kB
15.379 kB
47.215 kB
14.859 kB
-1.277 kB
-520 B
react-avatar
AvatarGroup
17.468 kB
6.999 kB
16.316 kB
6.528 kB
-1.152 kB
-471 B
react-avatar
AvatarGroupItem
61.513 kB
19.251 kB
60.361 kB
18.763 kB
-1.152 kB
-488 B
react-badge
Badge
24.258 kB
7.881 kB
22.978 kB
7.355 kB
-1.28 kB
-526 B
react-badge
CounterBadge
24.981 kB
8.137 kB
23.698 kB
7.61 kB
-1.283 kB
-527 B
react-badge
PresenceBadge
24.216 kB
8.813 kB
22.938 kB
8.301 kB
-1.278 kB
-512 B
react-breadcrumb
@fluentui/react-breadcrumb - package
103.889 kB
29.167 kB
102.926 kB
28.76 kB
-963 B
-407 B
react-button
Button
33.962 kB
9.022 kB
32.684 kB
8.504 kB
-1.278 kB
-518 B
react-button
CompoundButton
40.843 kB
10.379 kB
39.562 kB
9.861 kB
-1.281 kB
-518 B
react-button
MenuButton
38.866 kB
10.414 kB
37.584 kB
9.898 kB
-1.282 kB
-516 B
react-button
SplitButton
47.663 kB
12.057 kB
46.383 kB
11.555 kB
-1.28 kB
-502 B
react-button
ToggleButton
53.634 kB
11.155 kB
52.344 kB
10.635 kB
-1.29 kB
-520 B
react-card
Card - All
94.346 kB
27.439 kB
93.06 kB
26.955 kB
-1.286 kB
-484 B
react-card
Card
86.944 kB
25.575 kB
85.658 kB
25.044 kB
-1.286 kB
-531 B
react-card
CardFooter
12.792 kB
5.12 kB
11.516 kB
4.606 kB
-1.276 kB
-514 B
react-card
CardHeader
15.325 kB
5.964 kB
14.047 kB
5.435 kB
-1.278 kB
-529 B
react-card
CardPreview
12.874 kB
5.234 kB
11.597 kB
4.716 kB
-1.277 kB
-518 B
react-charts
AreaChart
403.481 kB
126.159 kB
402.329 kB
125.686 kB
-1.152 kB
-473 B
react-charts
DeclarativeChart
754.301 kB
220.353 kB
753.15 kB
219.855 kB
-1.151 kB
-498 B
react-charts
DonutChart
313.894 kB
96.752 kB
312.743 kB
96.309 kB
-1.151 kB
-443 B
react-charts
FunnelChart
305.441 kB
93.588 kB
304.29 kB
93.131 kB
-1.151 kB
-457 B
react-charts
GanttChart
386.58 kB
120.45 kB
385.429 kB
119.988 kB
-1.151 kB
-462 B
react-charts
GaugeChart
313.327 kB
96.198 kB
312.178 kB
95.686 kB
-1.149 kB
-512 B
react-charts
GroupedVerticalBarChart
394.458 kB
123.191 kB
393.301 kB
122.713 kB
-1.157 kB
-478 B
react-charts
HeatMapChart
388.661 kB
121.568 kB
387.505 kB
121.082 kB
-1.156 kB
-486 B
react-charts
HorizontalBarChart
293.624 kB
89.351 kB
292.472 kB
88.88 kB
-1.152 kB
-471 B
react-charts
Legends
233.155 kB
70.126 kB
231.996 kB
69.616 kB
-1.159 kB
-510 B
react-charts
LineChart
414.815 kB
129.027 kB
413.661 kB
128.56 kB
-1.154 kB
-467 B
react-charts
PolarChart
342.29 kB
106.689 kB
341.139 kB
106.205 kB
-1.151 kB
-484 B
react-charts
SankeyChart
210.155 kB
67.111 kB
209.004 kB
66.601 kB
-1.151 kB
-510 B
react-charts
ScatterChart
394.197 kB
123.166 kB
393.044 kB
122.692 kB
-1.153 kB
-474 B
react-charts
VerticalBarChart
430.939 kB
128.044 kB
429.788 kB
127.562 kB
-1.151 kB
-482 B
react-charts
VerticalStackedBarChart
400.527 kB
124.592 kB
399.373 kB
124.094 kB
-1.154 kB
-498 B
react-checkbox
Checkbox
30.902 kB
11.007 kB
29.624 kB
10.537 kB
-1.278 kB
-470 B
react-color-picker
ColorArea
44.591 kB
16.204 kB
43.436 kB
15.728 kB
-1.155 kB
-476 B
react-color-picker
ColorPicker
16.157 kB
6.526 kB
15.005 kB
6.057 kB
-1.152 kB
-469 B
react-color-picker
ColorSlider
39.577 kB
14.684 kB
38.424 kB
14.209 kB
-1.153 kB
-475 B
react-combobox
Combobox (including child components)
102.655 kB
33.8 kB
101.503 kB
33.371 kB
-1.152 kB
-429 B
react-combobox
Dropdown (including child components)
102.423 kB
33.59 kB
101.271 kB
33.137 kB
-1.152 kB
-453 B
react-components
react-components: Button, FluentProvider & webLightTheme
67.61 kB
19.536 kB
66.328 kB
19.02 kB
-1.282 kB
-516 B
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
227.925 kB
68.478 kB
226.773 kB
68.079 kB
-1.152 kB
-399 B
react-components
react-components: FluentProvider & webLightTheme
40.806 kB
13.616 kB
39.525 kB
13.113 kB
-1.281 kB
-503 B
react-components
react-components: entire library
1.294 MB
325.186 kB
1.293 MB
324.749 kB
-1.146 kB
-437 B
react-datepicker-compat
DatePicker Compat
214.121 kB
62.046 kB
212.839 kB
61.648 kB
-1.282 kB
-398 B
react-dialog
Dialog (including children components)
91.357 kB
28.379 kB
90.204 kB
27.895 kB
-1.153 kB
-484 B
react-divider
Divider
16.354 kB
5.928 kB
15.08 kB
5.41 kB
-1.274 kB
-518 B
react-field
Field
22.411 kB
8.393 kB
21.127 kB
7.887 kB
-1.284 kB
-506 B
react-headless-components-preview
react-headless-components-preview: entire library
131.277 kB
38.421 kB
130.447 kB
38.034 kB
-830 B
-387 B
react-image
Image
13.626 kB
5.536 kB
12.349 kB
5.023 kB
-1.277 kB
-513 B
react-input
Input
26.298 kB
8.705 kB
25.019 kB
8.175 kB
-1.279 kB
-530 B
react-jsx-runtime
JSX Runtime
2.268 kB
1.018 kB
1.314 kB
601 B
-954 B
-417 B
react-label
Label
12.972 kB
5.261 kB
11.696 kB
4.74 kB
-1.276 kB
-521 B
react-link
Link
16.191 kB
6.459 kB
14.914 kB
5.939 kB
-1.277 kB
-520 B
react-list
List
75.807 kB
23.523 kB
74.655 kB
23.01 kB
-1.152 kB
-513 B
react-list
ListItem
99.257 kB
30.321 kB
98.104 kB
29.845 kB
-1.153 kB
-476 B
react-menu
Menu (including children components)
161.352 kB
51.185 kB
160.186 kB
50.735 kB
-1.166 kB
-450 B
react-menu
Menu (including selectable components)
164.53 kB
51.816 kB
163.364 kB
51.365 kB
-1.166 kB
-451 B
react-message-bar
MessageBar (all components)
23.418 kB
8.651 kB
22.306 kB
8.184 kB
-1.112 kB
-467 B
react-persona
Persona
55.447 kB
17.311 kB
54.17 kB
16.793 kB
-1.277 kB
-518 B
react-popover
Popover
123.985 kB
39.799 kB
122.83 kB
39.29 kB
-1.155 kB
-509 B
react-progress
ProgressBar
20.413 kB
7.931 kB
19.127 kB
7.436 kB
-1.286 kB
-495 B
react-provider
FluentProvider
20.194 kB
7.775 kB
18.911 kB
7.278 kB
-1.283 kB
-497 B
react-radio
Radio
28.289 kB
9.247 kB
27.012 kB
8.731 kB
-1.277 kB
-516 B
react-radio
RadioGroup
14.053 kB
5.703 kB
12.774 kB
5.184 kB
-1.279 kB
-519 B
react-select
Select
26.183 kB
9.474 kB
24.903 kB
8.951 kB
-1.28 kB
-523 B
react-slider
Slider
33.538 kB
11.611 kB
32.259 kB
11.103 kB
-1.279 kB
-508 B
react-spinbutton
SpinButton
33.822 kB
11.128 kB
32.544 kB
10.615 kB
-1.278 kB
-513 B
react-spinner
Spinner
23.721 kB
7.861 kB
22.441 kB
7.35 kB
-1.28 kB
-511 B
react-swatch-picker
@fluentui/react-swatch-picker - package
92.992 kB
27.618 kB
92.162 kB
27.267 kB
-830 B
-351 B
react-switch
Switch
33.533 kB
10.657 kB
32.256 kB
10.183 kB
-1.277 kB
-474 B
react-table
DataGrid
148.07 kB
44.013 kB
147.069 kB
43.605 kB
-1.001 kB
-408 B
react-table
Table (Primitives only)
38.209 kB
12.782 kB
36.931 kB
12.324 kB
-1.278 kB
-458 B
react-table
Table as DataGrid
119.815 kB
33.806 kB
118.7 kB
33.348 kB
-1.115 kB
-458 B
react-table
Table (Selection only)
66.603 kB
19.023 kB
65.492 kB
18.622 kB
-1.111 kB
-401 B
react-table
Table (Sort only)
65.246 kB
18.638 kB
64.135 kB
18.232 kB
-1.111 kB
-406 B
react-tag-picker
@fluentui/react-tag-picker - package
174.546 kB
54.381 kB
173.699 kB
54.066 kB
-847 B
-315 B
react-tags
InteractionTag
13.742 kB
5.473 kB
12.464 kB
4.95 kB
-1.278 kB
-523 B
react-tags
Tag
29.666 kB
9.433 kB
28.389 kB
8.911 kB
-1.277 kB
-522 B
react-tags
TagGroup
71.009 kB
21.901 kB
69.722 kB
21.383 kB
-1.287 kB
-518 B
react-teaching-popover
TeachingPopover
102.379 kB
32.394 kB
101.224 kB
31.903 kB
-1.155 kB
-491 B
react-text
Text - Default
15.313 kB
5.968 kB
14.036 kB
5.461 kB
-1.277 kB
-507 B
react-text
Text - Wrappers
18.473 kB
6.295 kB
17.195 kB
5.772 kB
-1.278 kB
-523 B
react-textarea
Textarea
24.686 kB
8.972 kB
23.409 kB
8.452 kB
-1.277 kB
-520 B
react-timepicker-compat
TimePicker
105.613 kB
35.351 kB
104.461 kB
34.894 kB
-1.152 kB
-457 B
react-toast
Toast (including Toaster)
92.284 kB
28.722 kB
91.007 kB
28.259 kB
-1.277 kB
-463 B
react-tooltip
Tooltip
54.887 kB
19.441 kB
53.598 kB
18.957 kB
-1.289 kB
-484 B
react-tree
FlatTree
136.972 kB
40.849 kB
135.819 kB
40.404 kB
-1.153 kB
-445 B
react-tree
PersonaFlatTree
138.8 kB
41.362 kB
137.647 kB
40.91 kB
-1.153 kB
-452 B
react-tree
PersonaTree
134.86 kB
40.146 kB
133.708 kB
39.693 kB
-1.152 kB
-453 B
react-tree
Tree
133.038 kB
39.679 kB
131.886 kB
39.226 kB
-1.152 kB
-453 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
global-context
createContext
510 B
328 B
global-context
createContextSelector
531 B
335 B
keyboard-keys
Multiple keyCodes
50 B
70 B
keyboard-keys
Multiple keys
87 B
94 B
keyboard-keys
Single key
44 B
64 B
keyboard-keys
Single keyCode
39 B
59 B
priority-overflow
createOverflowManager
4.584 kB
1.873 kB
react
ActivityItem
71.22 kB
23.347 kB
react
Announced
38.472 kB
13.275 kB
react
Autofill
15.42 kB
4.766 kB
react
Breadcrumb
200.805 kB
59.601 kB
react
Button
194.354 kB
55.886 kB
react
ButtonGrid
179.242 kB
53.891 kB
react
Calendar
121.162 kB
36.83 kB
react
Callout
84.299 kB
27.593 kB
react
Check
53.206 kB
17.835 kB
react
Checkbox
59.978 kB
19.874 kB
react
ChoiceGroup
65.488 kB
21.465 kB
react
ChoiceGroupOption
58.769 kB
19.353 kB
react
Coachmark
92.7 kB
29.305 kB
react
Color
7.789 kB
3.127 kB
react
ColorPicker
134.97 kB
42.125 kB
react
ComboBox
250.687 kB
71.515 kB
react
CommandBar
201.861 kB
59.387 kB
react
ContextualMenu
154.229 kB
47.566 kB
react
DatePicker
183.251 kB
55.892 kB
react
DateTimeUtilities
5.244 kB
1.849 kB
react
DetailsList
229.929 kB
65.81 kB
react
Dialog
210.16 kB
62.358 kB
react
Divider
19.588 kB
6.84 kB
react
DocumentCard
215.843 kB
63.666 kB
react
DragDrop
8.343 kB
2.724 kB
react
DraggableZone
34.28 kB
11.488 kB
react
Dropdown
233.151 kB
67.962 kB
react
ExtendedPicker
96.823 kB
27.866 kB
react
Fabric
41.728 kB
14.343 kB
react
Facepile
209.377 kB
62.375 kB
react
FloatingPicker
240.865 kB
68.222 kB
react
FocusTrapZone
16.99 kB
5.891 kB
react
FocusZone
55.1 kB
17.451 kB
react
Grid
179.242 kB
53.891 kB
react
GroupedList
135.035 kB
40.67 kB
react
GroupedListV2
122.659 kB
37.758 kB
react
HoverCard
96.784 kB
30.688 kB
react
Icon
51.887 kB
17.263 kB
react
Icons
66.339 kB
24.385 kB
react
Image
46.901 kB
15.695 kB
react
Keytip
81.301 kB
26.677 kB
react
KeytipData
14.05 kB
4.583 kB
react
KeytipLayer
103.089 kB
31.9 kB
react
Keytips
105.873 kB
32.904 kB
react
Label
38.324 kB
13.241 kB
react
Layer
48.089 kB
16.348 kB
react
Link
39.665 kB
13.653 kB
react
List
39.346 kB
12.454 kB
react
MarqueeSelection
74.49 kB
22.402 kB
react
MessageBar
189.388 kB
56.33 kB
react
Modal
93.738 kB
30.223 kB
react
Nav
186.825 kB
55.723 kB
react
OverflowSet
33.354 kB
11.282 kB
react
Overlay
40.885 kB
14.077 kB
react
Panel
200.327 kB
59.336 kB
react
Persona
114.591 kB
36.435 kB
react
PersonaCoin
114.591 kB
36.435 kB
react
PersonaPresence
58.076 kB
19.372 kB
react
Pickers
297.91 kB
82.996 kB
react
Pivot
187.734 kB
56.5 kB
react
Popup
12.312 kB
4.197 kB
react
Positioning
22.764 kB
7.683 kB
react
PositioningContainer
73.445 kB
23.685 kB
react
ProgressIndicator
39.477 kB
13.528 kB
react
Rating
82.086 kB
26.09 kB
react
Fluent UI React (entire library)
1.019 MB
283.183 kB
react
ResizeGroup
13.35 kB
4.379 kB
react
ResponsiveMode
8.13 kB
2.966 kB
react
ScrollablePane
55.541 kB
17.718 kB
react
SearchBox
187.63 kB
55.936 kB
react
SelectableOption
724 B
413 B
react
SelectedItemsList
231.35 kB
67.176 kB
react
Selection
42.418 kB
12.26 kB
react
Separator
35.365 kB
12.132 kB
react
Shimmer
49.249 kB
16.258 kB
react
ShimmeredDetailsList
240.71 kB
68.549 kB
react
Slider
57.627 kB
19.198 kB
react
SpinButton
191.297 kB
57.006 kB
react
Spinner
41.759 kB
14.468 kB
react
Stack
42.039 kB
14.389 kB
react
Sticky
32.577 kB
10.488 kB
react
Styling
46.033 kB
15.135 kB
react
SwatchColorPicker
189.637 kB
57.417 kB
react
TeachingBubble
204.648 kB
60.317 kB
react
Text
36.886 kB
12.806 kB
react
TextField
80.798 kB
25.308 kB
react
Theme
43.486 kB
14.168 kB
react
ThemeGenerator
12.384 kB
4.116 kB
react
TimePicker
240.515 kB
69.311 kB
react
Toggle
46.201 kB
15.957 kB
react
Tooltip
87.073 kB
28.151 kB
react
Utilities
82.938 kB
25.15 kB
react
Viewport
23.872 kB
7.642 kB
react
WeeklyDayPicker
101.348 kB
31.644 kB
react
WindowProvider
1.059 kB
541 B
react-aria
ARIA - useARIAButtonProps
1.354 kB
648 B
react-aria
ARIA - AriaLiveAnnouncer
3.293 kB
1.507 kB
react-calendar-compat
Calendar Compat
138.004 kB
37.657 kB
react-charting
AreaChart
302.827 kB
94.751 kB
react-charting
ChartHoverCard
37.196 kB
12.7 kB
react-charting
DeclarativeChart
677.104 kB
191.319 kB
react-charting
DonutChart
203.568 kB
63.689 kB
react-charting
GanttChart
282.797 kB
88.761 kB
react-charting
GaugeChart
197.055 kB
61.221 kB
react-charting
GroupedVerticalBarChart
294.612 kB
91.828 kB
react-charting
HeatMapChart
285.643 kB
89.439 kB
react-charting
HorizontalBarChart
127.266 kB
39.944 kB
react-charting
HorizontalBarChartWithAxis
293.937 kB
91.167 kB
react-charting
Legends
151.485 kB
46.4 kB
react-charting
LineChart
332.438 kB
101.79 kB
react-charting
MultiStackedBarChart
181.802 kB
55.311 kB
react-charting
PieChart
134.305 kB
42.299 kB
react-charting
PolarChart
235.153 kB
74.294 kB
react-charting
SankeyChart
158.002 kB
49.166 kB
react-charting
ScatterChart
289.004 kB
91.071 kB
react-charting
Sparkline
87.616 kB
29.671 kB
react-charting
StackedBarChart
175.483 kB
52.904 kB
react-charting
TreeChart
84.809 kB
26.636 kB
react-charting
VerticalBarChart
303.589 kB
93.173 kB
react-charting
VerticalStackedBarChart
300.64 kB
92.833 kB
react-charts
HorizontalBarChartWithAxis
63 B
83 B
react-charts
Sparkline
80.503 kB
26.644 kB
react-jsx-runtime
Classic Pragma
1.101 kB
550 B
react-jsx-runtime
JSX Dev Runtime
1.914 kB
908 B
react-motion
@fluentui/react-motion - createMotionComponent()
4.339 kB
1.881 kB
react-motion
@fluentui/react-motion - createPresenceComponent()
6.091 kB
2.501 kB
react-motion
@fluentui/react-motion - PresenceGroup
1.727 kB
823 B
react-overflow
hooks only
11.966 kB
4.565 kB
react-portal
Portal
8.4 kB
3.219 kB
react-portal-compat
PortalCompatProvider
5.567 kB
2.237 kB
react-positioning
usePositioning
28.889 kB
10.158 kB
react-positioning
useSafeZoneArea
12.445 kB
5 kB
react-theme
Single theme token import
69 B
89 B
react-theme
Teams: all themes
37.985 kB
7.895 kB
react-theme
Teams: Light theme
20.803 kB
5.851 kB
react-utilities
SSRProvider
180 B
160 B
🤖 This report was generated against 196bac4715a6be479e85da1810f7824982395719

@Hotell Hotell marked this pull request as ready for review May 19, 2026 10:37
@Hotell Hotell requested review from a team, JustSlone, jurokapsiar and tudorpopams as code owners May 19, 2026 10:37
@Hotell Hotell merged commit 1493b31 into master May 19, 2026
14 checks passed
@Hotell Hotell deleted the copilot/cover-feedback-from-36198 branch May 19, 2026 10:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants