Hook together apollo Query with styled-components ThemeProvider

apollo-theme.js

import { merge } from 'lodash'
import {ThemeProvider} from 'styled-components'

import { theme, CustomStyles } from './styled' // our design system folder

// This component wraps the Query component from `apollo-client`
import { GetTheme } from './containers'

export default function App(props) {
	return (
		<GetTheme>
			{userTheme => (
				<ThemeProvider theme={merge(theme, userTheme)}>
					{props.children}
					<CustomStyles>
						{userTheme.customStyles}
					</CustomStyles>
				</ThemeProvider>
			)}
		</GetTheme>
	) 
}