[core] Compress throw new Error() to save bundle size

[oliviertassinari]

Summary

Today, MUI X throws errors in plain strings:

mui-x/packages/x-tree-view/src/internals/plugins/useTreeViewItems/useTreeViewItems.tsx

Lines 36 to 43 in dd4447c

	throw new Error(
	[
	'MUI X: The Tree View component requires all items to have a unique `id` property.',
	'Alternatively, you can use the `getItemId` prop to specify a custom id for each item.',
	'An item was provided without id in the `items` prop:',
	JSON.stringify(item),
	].join('\n'),
	);

those add bundle size to end-users

Examples

We should be able to encode them with a key and only bundle this. See mui/material-ui#21214 for prior art on Material UI.

Motivation

No response

Search keywords: -

[michelengelen]

added to the board

[flaviendelangle]

@michelengelen This is not a tree view topic, it's general to X and probably more a core-infra topic.

[michelengelen]

Thanks for pointing that out @flaviendelangle ... moved it out of the board!
I'll assign this to me so we don't lose track of it!

[flaviendelangle]

And I suspect that Toolpad / Base UI / Pigment CSS could also benefit from this.
Adding it to the code infra board could be a good approach to make sure we build something re-usable throughout all our repos.

cc @Janpot

[oliviertassinari]

Base UI also has a few of those https://github.com/mui/base-ui/blob/1ab27b0510e0ba19157597f17642022a6208ae09/packages/mui-base/src/Slider/Root/SliderProvider.tsx#L21. It's not super important for MUI X, I mean, there are likely other ways to save bundle size to go after first.

Top-level issue created: mui/mui-public#204.