Several instances of 'styled-components' initialized in this application.

Description

Not sure if this would be classified as a bug, but should the default npx init provide the following warning when using it on the default Nextjs example?

It looks like there are several instances of ‘styled-components’ initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason. See https://s-c.sh/2BAXzed for more info.

Steps to reproduce

1. Create a new directory
2. execute npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/master/basics/learn-starter"
3. cd nextjs-blog
4. execute npx @tinacms/cli@latest init and wait

Setting up Tina… Installing Tina packages. This might take a moment… ✅ Adding _app.js … ✅ Adding a content folder… ✅ Tina setup done ✅ Start your dev server with yarn tina-dev and go to http://localhost:3000/demo/blog/HelloWorld to check it out the page that was created for you Enjoy Tina 🦙 !

1. execute yarn tina-dev and check your browser console at http://localhost:3000/

Expected result

I assume that we shouldn’t have issue with several instances of styled-components.

Actual result

Environment

Tinacms Package Versions

  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "tina-dev": "yarn tinacms server:start -c \"next dev\"",
    "tina-build": "yarn tinacms server:start -c \"next build\"",
    "tina-start": "yarn tinacms server:start -c \"next start\""
  },
  "dependencies": {
    "@tinacms/cli": "^0.57.2",
    "next": "latest",
    "react": "17.0.2",
    "react-dom": "17.0.2",
    "styled-components": "^5.3.3",
    "tinacms": "^0.59.0"
  }
}

Tools