import { Flex } from "@artsy/palette"
import React, { SFC } from "react"

interface Props {
  children: React.ReactNode
}

export const SuggestionItemContainer: SFC<Props> = ({ children }) => (
  <Flex flexDirection="column" justifyContent="center" height="62px" pl={3}>
    {children}
  </Flex>
)

import { Flex } from "@artsy/palette"
import React, { SFC } from "react"

interface Props {
  children: JSX.Element[] | string[] | string
}

export const SuggestionItemContainer: SFC<Props> = ({ children }) => (
  <Flex flexDirection="column" justifyContent="center" height="62px" pl={3}>
    {children}
  </Flex>
)

--- 
+++ 
@@ -2,7 +2,7 @@
 import React, { SFC } from "react"
 
 interface Props {
-  children: JSX.Element[] | string[] | string
+  children: React.ReactNode
 }
 
 export const SuggestionItemContainer: SFC<Props> = ({ children }) => (
Use React.ReactNode as a type for {children}
