"Свойство темы не существует в классе ..." с темами Styled Component? - PullRequest
Новая
       11

"Свойство темы не существует в классе ..." с темами Styled Component?

0 голосов
/ 17 октября 2018

Вот мой index.tsx: 

const theme = require('sass-extract-loader?{"plugins": ["sass-extract-js"]}!./parameters.scss');

...

<Provider store={store}>
    <ConnectedRouter history={history}>
        <ThemeProvider theme={theme}>
            <ScrollToTop>
                <App />
            </ScrollToTop>
        </ThemeProvider>
    </ConnectedRouter>
</Provider>

Вот мой стилизованный компонент: 

import * as React from 'react';
import styled from 'styled-components';

interface FlexContainerProps {
    // tslint:disable-next-line:no-any
    children: any;
}

export default function FlexContainer(props: FlexContainerProps) {
    const Container = styled.div`
        display: flex;
        flex-direction: column;

        @media all and (min-width: ${props.theme.minWidthLargeDevice}) {
            flex-direction: row;
        }
    `;
    return (
        <Container>
            {props.children}
        </Container>
    );
}

Я получаю ошибку 

Property 'theme' does not exist on type 'FlexContainerProps'.

Почему темане доступно для моего компонента?Как я могу избавиться от этой ошибки?

Я использую стилизованные компоненты v4.

...