Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

bugfix(react-utilities): omit IntrinsicElement props from ComponentProps that would collide with slot names #29865

Conversation

bsunderhus
Copy link
Contributor

@bsunderhus bsunderhus commented Nov 16, 2023

Previous Behavior

As #29596 describes, some properties that were declared by @types/react were clashing with slot names, most common case would be the one involving the content slot.

New Behavior

  1. omits properties declared by @types/react in favor of the slot names provided

Related Issue(s)

@fabricteam
Copy link
Collaborator

fabricteam commented Nov 16, 2023

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
FluentProviderWithTheme virtual-rerender 62 64 10 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 631 654 5000
Button mount 311 307 5000
Field mount 1132 1124 5000
FluentProvider mount 708 707 5000
FluentProviderWithTheme mount 84 79 10
FluentProviderWithTheme virtual-rerender 62 64 10 Possible regression
FluentProviderWithTheme virtual-rerender-with-unmount 75 76 10
MakeStyles mount 831 867 50000
Persona mount 1724 1733 5000
SpinButton mount 1339 1381 5000

@fabricteam
Copy link
Collaborator

fabricteam commented Nov 16, 2023

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
69.901 kB
20.261 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
210.423 kB
60.027 kB
react-components
react-components: FluentProvider & webLightTheme
42.388 kB
14.103 kB
react-menu
Menu (including children components)
142.723 kB
43.689 kB
react-menu
Menu (including selectable components)
145.409 kB
44.194 kB
react-portal-compat
PortalCompatProvider
7.099 kB
2.385 kB
react-table
DataGrid
156.941 kB
43.864 kB
react-table
Table (Primitives only)
44.493 kB
13.921 kB
react-table
Table as DataGrid
130.161 kB
35.124 kB
react-table
Table (Selection only)
75.338 kB
20.36 kB
react-table
Table (Sort only)
73.945 kB
19.949 kB
react-toast
Toast (including Toaster)
93.203 kB
28.026 kB
🤖 This report was generated against d8321c5e8191f94e9413aee0e800f96d3de8e311

Copy link

codesandbox-ci bot commented Nov 16, 2023

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 6d54617:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration
intelligent-engelbart-ltfqrq Issue #29596

@fabricteam
Copy link
Collaborator

fabricteam commented Nov 16, 2023

🕵 fluentuiv9 No visual regressions between this PR and main

@bsunderhus bsunderhus force-pushed the react-utilities/bugfix--omit-IntrinsicElement-props-from-ComponentProps-that-would-collide-with-slot-names branch 2 times, most recently from 955b723 to 9b93575 Compare November 16, 2023 23:23
Copy link

size-auditor bot commented Nov 20, 2023

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: d8321c5e8191f94e9413aee0e800f96d3de8e311 (build)

@bsunderhus bsunderhus force-pushed the react-utilities/bugfix--omit-IntrinsicElement-props-from-ComponentProps-that-would-collide-with-slot-names branch from e0cfcd3 to fed2542 Compare January 12, 2024 08:19
@bsunderhus bsunderhus requested review from GeoffCoxMSFT and a team as code owners January 12, 2024 08:19
@bsunderhus bsunderhus force-pushed the react-utilities/bugfix--omit-IntrinsicElement-props-from-ComponentProps-that-would-collide-with-slot-names branch from fed2542 to 6d54617 Compare January 12, 2024 08:22
@bsunderhus bsunderhus merged commit 952426b into microsoft:master Jan 16, 2024
24 checks passed
@bsunderhus bsunderhus deleted the react-utilities/bugfix--omit-IntrinsicElement-props-from-ComponentProps-that-would-collide-with-slot-names branch January 16, 2024 06:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug]: content property is name clashing between react types and some v9 components
5 participants