UserWrapper is not defined (#17200)
UserWrapper is not defined (#17200)

In the quickstart recipe on styled-components (https://www.gatsbyjs.org/docs/recipes/#using-styled-components), the component UserWrapper is not defined. My suggested change is to just use a Fragment since UserWrapper did not have any true functionality (as far as I could tell).

The alternative would be something like the following, but I do not see that being any more helpful.

```jsx
const UserWrapper = ({ children }) => {
  return <div>{children}</div>
}
```
gatsbyjs/gatsby,gatsbyjs/gatsby,gatsbyjs/gatsby,gatsbyjs/gatsby,gatsbyjs/gatsby,gatsbyjs/gatsby