Unable to add theme to any Styled component for even basic usage

I tried basic implementation of Theming Styled components, as shown in the documentation Styled component Theming

I tried with my basic parent component,

const theme = {
	main: 'mediumseagreen'
};
const Button = styled.button`
	font-size: 1em;
	margin: 1em;
	padding: 0.25em 1em;
	border-radius: 3px;

	/* Color the border and text with theme.main */
	color: ${props => props.theme.main};
	border: 2px solid ${props => props.theme.main};
`;

ReactDOM.render(
	<ThemeProvider theme={theme}>
		<Button>Themed</Button>
	</ThemeProvider>,
	document.getElementById('root')
);

build passes but browser consoles an Error

**Uncaught Error: Cannot create styled-component for component: [object Object]**
    at constructWithOptions (styled-components.es.js:2089)
    at styled (styled-components.es.js:2024)
    at mountIndeterminateComponent (react-dom.development.js:8038)
    at beginWork (react-dom.development.js:8229)
    at performUnitOfWork (react-dom.development.js:10215)
    at workLoop (react-dom.development.js:10279)
    at HTMLUnknownElement.callCallback (react-dom.development.js:540)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:579)
    at invokeGuardedCallback (react-dom.development.js:436)
    at renderRoot (react-dom.development.js:10357)

Using Chrome Browser, with project dependencies

"dependencies": {
    "react": "^16.1.0",
    "react-dom": "^16.1.0",
    "styled-components": "^2.2.3"
  }

@mxstbr @geelen

[morajabi]

@mxstbr What the hell is this, Max: (!!!)

import ThemeProvider from 'styled-components';

@mukurpuri You need to delete that and change the import to this:

import styled, { ThemeProvider } from 'styled-components';

[mukurpuri]

@morajabi Thank you brother for pointing this silly mistake. But there was no point to make a laugh out of this. If it was so silly, I had rather appreciate the explanation but not an emojical fun.