typescript - "Egenskapen theme finns inte på klassen ..." med Styled Component-teman?

Här är min 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>

Här är min stylade komponent:

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>
    );
}

Jag får felet

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

Varför är temat inte tillgängligt för min komponent? Hur kan jag bli av med detta fel?

Jag använder styled components v4.