TypeError: theme[_base.themePropertyMap[property]] is not a function. (In 'theme[_base.themePropertyMap[property]](colorModeProps)', 'theme[_base.themePropertyMap[property]]' is an instance of Object)
This error is located at:
    in ForwardRef (at Icon.tsx:30)

    <IconButton
      onPress={onPress}
      variant={active ? "outline" : "ghost"}
      borderColor={active ? "theme-primary" : "gray.200"}
      rounded="full"
      bg={active ? "violet.200" : "gray.300"}
      _pressed={{
        bg: "violet.200",
      }}
      shadow={8}
      style={{...}}
      icon={
        <Icon
          shadow={3}
          size={8}
          color={active ? "theme-primary" : "blueGray.500"}
          as={MaterialIcons}
          name={name}
        />
      }
    />

export const appTheme = extendTheme({
  colors: {
    "theme-primary": baseTheme.colors.green[500],
    "theme-secondary": baseTheme.colors.lime[300],
  },
  components: {
    Text: {
      baseStyle: {
        color: "blueGray.500",
      },
    },
    Heading: {
      baseStyle: {
        color: "blueGray.500",
        fontWeight: "light",
      },
    },
  },
});