theme props not available for the childs

[smkamranqadri]

I used BootstrapProvider like this

Provider store={this.props.store}>
        <IntlProvider locale={language}>
          <ThemeProvider theme={defaultTheme}>
          <BootstrapProvider>
            <Container>

And not able to get the theme prop in Container Component.

export const Container = styled(div)(
  (props) => {
    console.log('props', props)
    return css`
    height: 100vh;
  `}
);

[kopax]

You don't need ThemeProvider and BootstrapProvider, just use <BootstrapProvider theme={defaultTheme} />.

Also, what is div ? You should have written something like this:

styled.div`
  (props) => {
    console.log('props', props)
    return css`
    height: 100vh;
  `}
`

If div is a component, then you need to not forgot to pass className otherwise, the class can't be applied. This is how styled-components work.