Base style extendTheme for Button component does not work

[vladcristianmarin]

Description

I want to configure the default shade for colorScheme primary to be a lighter shade of the primary color scheme

Steps to reproduce

Create a themeConfig using extendTheme function, override the Button component baseStyle bg property

Expected behaviour: The button bg color to change from the default primary color to a lighter shade
Actual behaviour: The button bg color does not change

This is my code snippet

const themeConfig = extendTheme({
  colors: {
    ...generateShades(overriddenColors.primary, 'primary'),
    ...generateShades(overriddenColors.secondary, 'secondary'),
    ...generateShades(overriddenColors.tertiary, 'tertiary'),
  },
  config: {
    initialColorMode: 'light',
  },
  components: {
    Button: {
      baseStyle: ({ colorScheme }) => {
        return { bg: `${colorScheme}.200` };
      },
    },
  },
});

NativeBase Version

3.3.1

Platform

• Android
• CRA
• Expo
• iOS
• Next

Other Platform

No response

Additional Information

No response