Тип объединения React Proptypes Точка останова дает ошибку - PullRequest
Новая
       37

Тип объединения React Proptypes Точка останова дает ошибку

0 голосов
/ 30 октября 2019

У меня проблемы с назначением правильного типа для типа Material-UI Breakpoint.

Точка останова выглядит следующим образом: export type Breakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl';

В моем App.tsx, если естьследующий код: 

import React, { FC } from 'react'
import PropTypes from 'prop-types'
import { Breakpoint } from '@material-ui/core/styles/createBreakpoints'
import withWidth from '@material-ui/core/withWidth'

interface IApp {
  width: Breakpoint
}

const App: FC<IApp> = ({ width }) => {
    // Code here
}

App.propTypes = {
  width: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']).isRequired,
}

export default withWidth()(App)

, который дает мне следующую ошибку: 

Type '{ width: Validator<string>; }' is not assignable to type 'WeakValidationMap<IApp>'.
  Types of property 'width' are incompatible.
    Type 'Validator<string>' is not assignable to type 'Validator<Breakpoint>'.
      Type 'string' is not assignable to type 'Breakpoint'.ts(2322)
...