How to use the react-view.PropTypes.Boolean function in react-view

const drawerProps = require('!!extract-react-types-loader!../../../../src/drawer/drawer.js');

const DrawerConfig: TConfig = {
  imports: {
    'baseui/drawer': {
      named: ['Drawer'],
    },
  },
  scope: {Drawer, ANCHOR, SIZE},
  theme: [],
  props: {
    animate: {
      value: undefined,
      defaultValue: true,
      type: PropTypes.Boolean,
      description:
        'Sets whether the Drawer should be displayed by easing in and out.',
      hidden: true,
    },
    isOpen: {
      value: false,
      type: PropTypes.Boolean,
      description: 'Determines if the drawer is open.',
      stateful: true,
    },
    autoFocus: {
      value: true,
      type: PropTypes.Boolean,
      description:
        'If true, focus will shift to the first interactive element within the drawer.',
      hidden: true,

'baseui/datepicker': {
          named: ['ORIENTATION'],
        },
      },
      hidden: true,
    },
    peekNextMonth: {
      value: undefined,
      type: PropTypes.Boolean,
      description:
        'Defines if dates outside of the range of the current month are displayed.',
      hidden: true,
    },
    timeSelectStart: {
      value: undefined,
      type: PropTypes.Boolean,
      description:
        'Determines if TimePicker component will be enabled for start time',
    },
    timeSelectEnd: {
      value: undefined,
      type: PropTypes.Boolean,
      description:
        'Determines if TimePicker component will be enabled for end time',
    },
    disabled: inputConfig.props.disabled,
    trapTabbing: {
      value: undefined,
      type: PropTypes.Boolean,
      description:
        'Defines if tabbing inside the calendar is circled within it.',
      hidden: true,

type: PropTypes.Custom,
      description: 'Lets you customize all aspects of the component.',
      custom: {
        names: [
          'Content',
          'Description',
          'Icon',
          'InnerIcon',
          'Root',
          'StepRoot',
          'Tail',
          'Title',
        ],
        sharedProps: {
          $isActive: {
            type: PropTypes.Boolean,
            description: 'Used when in active state',
          },
          $isCompleted: {
            type: PropTypes.Boolean,
            description: 'Used when in completed state',
          },
          $disabled: {
            type: PropTypes.Boolean,
            description: 'Used when in disabled state',
          },
        },
      },
    },
  },
  mapTokensToProps: {
    ProgressSteps: progressStepsProps,

description: `Indicates if 'createPortal' is used to append the toaster container to the body element.`,
      hidden: true,
    },
    overrides: {
      value: undefined,
      type: PropTypes.Custom,
      description: 'Lets you customize all aspects of the component.',
      custom: {
        names: ['Root', 'ToastBody', 'ToastInnerContainer', 'ToastCloseIcon'],
        sharedProps: {
          $kind: {
            type: PropTypes.Enum,
            description: 'Defines the type of notification.',
          },
          $closeable: {
            type: PropTypes.Boolean,
            description: `When set to true a close button is displayed
            and the notification can be dismissed by a user.`,
          },
        },
      },
    },
  },
  mapTokensToProps: {
    ToasterContainer: toasterContainerProps,
    Button: buttonProps,
    Block: blockProps,
  },
};

export default toastConfig;

description: 'Maximum file size (in bytes).',
    },
    minSize: {
      value: undefined,
      type: PropTypes.Number,
      description: 'Minimum file size (in bytes).',
    },
    multiple: {
      value: undefined,
      type: PropTypes.Boolean,
      description:
        'Allow drag n drop (or selection from the file dialog) of multiple files',
    },
    disableClick: {
      value: undefined,
      type: PropTypes.Boolean,
      description:
        'Disallow clicking on the dropzone container to open file dialog.',
    },
    disabled: {
      value: false,
      type: PropTypes.Boolean,
      description: 'Renders component in disabled state.',
    },
    errorMessage: {
      value: '',
      type: PropTypes.String,
      description: 'Error message to be displayed.',
      stateful: true,
    },
    ...changeHandlers.reduce((acc, current) => {
      //@ts-ignore

},
    disabled: {
      value: false,
      type: PropTypes.Boolean,
      description: 'Displays label in light gray color if true.',
    },
    overrides: {
      value: undefined,
      type: PropTypes.Custom,
      description: 'Lets you customize all aspects of the component.',
      custom: {
        names: ['Label', 'Caption', 'ControlContainer'],
        sharedProps: {
          $disabled: 'disabled',
          $error: {
            type: PropTypes.Boolean,
            description: 'True if error message provided.',
          },
          $positive: {
            type: PropTypes.Boolean,
            description: 'True if positive message provided.',
          },
        },
      },
    },
  },
  mapTokensToProps: {
    FormControl: formControlProps,
    Input: inputProps,
  },
};

value: 'TRIGGER_TYPE.click',
      defaultValue: 'TRIGGER_TYPE.click',
      options: TRIGGER_TYPE,
      enumName: 'TRIGGER_TYPE',
      type: PropTypes.Enum,
      description:
        'Controls how to position the popover relative to the target.',
      imports: {
        'baseui/popover': {
          named: ['TRIGGER_TYPE'],
        },
      },
    },
    showArrow: {
      value: undefined,
      type: PropTypes.Boolean,
      description:
        'If true, an arrow will be shown pointing from the popover to the trigger element.',
    },
    accessibilityType: {
      value: 'ACCESSIBILITY_TYPE.menu',
      defaultValue: 'ACCESSIBILITY_TYPE.menu',
      options: ACCESSIBILITY_TYPE,
      enumName: 'ACCESSIBILITY_TYPE',
      type: PropTypes.Enum,
      description:
        'Controls how this popover behaves for screen readers and other assistive devices.',
      imports: {
        'baseui/popover': {
          named: ['ACCESSIBILITY_TYPE'],
        },
      },

max: {
    value: undefined,
    type: PropTypes.String,
    description: 'max value when used as input type=number',
    hidden: true,
  },
  ...pick(changeHandlers, [
    'onBlur',
    'onKeyDown',
    'onKeyPress',
    'onKeyUp',
    'onFocus',
  ]),
  required: {
    value: false,
    type: PropTypes.Boolean,
    description: 'Renders component in required state.',
    hidden: true,
  },
};

const InputConfig: TConfig = {
  imports: {
    'baseui/input': {
      named: ['Input'],
    },
  },
  scope: {
    Input,
    SIZE,
    ADJOINED,
  },

value: 'date => setValue(date)',
      type: PropTypes.Function,
      description: 'Callback for when time selection changes.',
      propHook: {
        what: 'date.toISOString()',
        into: 'value',
      },
    },
    creatable: {
      value: undefined,
      type: PropTypes.Boolean,
      description: `Set to true to allow times that aren't displayed in the options list to be entered manually. Defaults to false.`,
    },
    nullable: {
      value: undefined,
      type: PropTypes.Boolean,
      description: `Set to true to allow the timepicker to have an undefined value. Defaults to false.`,
    },
    placeholder: {
      value: undefined,
      type: PropTypes.String,
      description: `If the value is undefined, the placeholder is shown. Defaults to HH:mm.`,
    },
    disabled: inputConfig.props.disabled,
    format: {
      value: undefined,
      type: PropTypes.String,
      placeholder: '12',
      description:
        '12 or 24. Render options in AM/PM format or 24 hour format. Defaults to 12 hour.',
    },
    step: {

type: PropTypes.Enum,
      options: ORIENTATION,
      description: 'The orientation of the tab component.',
      imports: {
        'baseui/tabs': {named: ['ORIENTATION']},
      },
    },
    activeKey: {
      value: '0',
      type: PropTypes.String,
      description: 'Key of the the tab to be selected.',
      stateful: true,
    },
    disabled: {
      value: false,
      type: PropTypes.Boolean,
      description: 'True when all tabs are disabled.',
    },
    renderAll: {
      value: false,
      type: PropTypes.Boolean,
      description:
        'Renders all tab content for SEO purposes regardless of tab active state.',
    },
    overrides: {
      value: undefined,
      type: PropTypes.Custom,
      description: 'Lets you customize all aspects of the component.',
      custom: {
        names: ['Root', 'Tab', 'TabBar', 'TabContent'],
        sharedProps: {
          $disabled: 'disabled',