Should update api setting defaultProps of components

[woody146]

Currently, updating defaultProps as below

import { MantineProvider, Button, Group, createTheme } from '@mantine/core';

const theme = createTheme({
  components: {
    Button: Button.extend({
      defaultProps: {
        color: 'cyan',
        variant: 'outline',
      },
    }),
  },
});

But updating defaultProps will be for the entire app, so the initial download size of the app will include the code of the above component. If you update all 100+ components, the initial download size of the app will be very large. Therefore, you should move the function extend() to a separate function.

[rtivital]

Button.extend only provides type information to improve DX, it returns the same object passed to it. If you think that it might impact your app performance, you can simply omit it.

import { MantineProvider, ButtonProps, createTheme } from '@mantine/core';

const theme = createTheme({
  components: {
    Button: {
      defaultProps: {
        color: 'cyan',
        variant: 'outline',
      } satisfies ButtonProps,
    },
  },
});