From dd264f582f547508b5b5af2cf1dc665a9c53f8e5 Mon Sep 17 00:00:00 2001
From: jmgr2996 <juanmateogarcia96@gmail.com>
Date: Mon, 18 May 2020 12:02:23 -0500
Subject: [PATCH] chore: Remove redundant imports in several examples (#13030)

---
 examples/auth0/pages/about.js                              | 2 --
 examples/auth0/pages/index.js                              | 2 --
 examples/auth0/pages/profile.js                            | 2 --
 examples/with-apollo-and-redux/components/Clock.js         | 1 -
 examples/with-apollo-and-redux/components/Counter.js       | 1 -
 examples/with-apollo-and-redux/components/ErrorMessage.js  | 1 -
 examples/with-apollo-and-redux/components/Layout.js        | 1 -
 examples/with-apollo-and-redux/components/PostUpvoter.js   | 1 -
 examples/with-apollo-and-redux/lib/apollo.js               | 1 -
 examples/with-apollo-and-redux/lib/redux.js                | 1 -
 examples/with-apollo-and-redux/pages/index.js              | 1 -
 examples/with-apollo-and-redux/pages/redux.js              | 1 -
 examples/with-apollo/components/PostUpvoter.js             | 1 -
 examples/with-apollo/lib/apollo.js                         | 1 -
 examples/with-context-api/components/Counter.js            | 6 +++---
 examples/with-context-api/pages/about.js                   | 1 -
 examples/with-context-api/pages/index.js                   | 1 -
 examples/with-docker/pages/index.js                        | 2 --
 examples/with-emotion/pages/_app.js                        | 1 -
 examples/with-redux-observable/components/CharacterInfo.js | 1 -
 examples/with-redux-observable/pages/_app.js               | 1 -
 examples/with-redux-observable/pages/index.js              | 4 ++--
 examples/with-redux-observable/pages/other.js              | 1 -
 examples/with-redux-persist/components/counter.js          | 2 +-
 examples/with-redux-persist/components/data-list.js        | 2 +-
 examples/with-redux-persist/lib/with-redux-store.js        | 4 ++--
 examples/with-redux-persist/pages/_app.js                  | 1 -
 examples/with-redux-persist/pages/index.js                 | 4 ++--
 examples/with-redux-saga/components/clock.js               | 2 --
 examples/with-redux-saga/components/counter.js             | 2 +-
 examples/with-redux-saga/pages/_app.js                     | 1 -
 examples/with-redux-saga/pages/index.js                    | 4 ++--
 examples/with-redux-saga/pages/other.js                    | 4 ++--
 examples/with-redux-thunk/components/clock.js              | 2 --
 examples/with-redux-thunk/components/counter.js            | 1 -
 examples/with-redux-thunk/components/examples.js           | 1 -
 examples/with-redux-thunk/lib/with-redux-store.js          | 4 ++--
 examples/with-redux-thunk/pages/_app.js                    | 1 -
 examples/with-redux-thunk/pages/index.js                   | 2 +-
 examples/with-redux-thunk/pages/show-redux-state.js        | 1 -
 examples/with-redux-toolkit/components/clock.js            | 1 -
 examples/with-redux-toolkit/components/counter.js          | 1 -
 examples/with-redux-toolkit/pages/_app.js                  | 1 -
 examples/with-redux-toolkit/pages/index.js                 | 1 -
 examples/with-styled-components/README.md                  | 2 --
 examples/with-styled-components/pages/_app.js              | 1 -
 examples/with-styled-components/pages/index.js             | 1 -
 47 files changed, 19 insertions(+), 62 deletions(-)

diff --git a/examples/auth0/pages/about.js b/examples/auth0/pages/about.js
index e8d6e1aa13..7956f210b0 100644
--- a/examples/auth0/pages/about.js
+++ b/examples/auth0/pages/about.js
@@ -1,5 +1,3 @@
-import React from 'react'
-
 import Layout from '../components/layout'
 import { useFetchUser } from '../lib/user'
 
diff --git a/examples/auth0/pages/index.js b/examples/auth0/pages/index.js
index e16a531abd..8459dab6e8 100644
--- a/examples/auth0/pages/index.js
+++ b/examples/auth0/pages/index.js
@@ -1,5 +1,3 @@
-import React from 'react'
-
 import Layout from '../components/layout'
 import { useFetchUser } from '../lib/user'
 
diff --git a/examples/auth0/pages/profile.js b/examples/auth0/pages/profile.js
index c059c85daa..a2780c2584 100644
--- a/examples/auth0/pages/profile.js
+++ b/examples/auth0/pages/profile.js
@@ -1,5 +1,3 @@
-import React from 'react'
-
 // This import is only needed when checking authentication status directly from getInitialProps
 // import auth0 from '../lib/auth0'
 import { useFetchUser } from '../lib/user'
diff --git a/examples/with-apollo-and-redux/components/Clock.js b/examples/with-apollo-and-redux/components/Clock.js
index ad45b5fe77..4b478bf8a2 100644
--- a/examples/with-apollo-and-redux/components/Clock.js
+++ b/examples/with-apollo-and-redux/components/Clock.js
@@ -1,4 +1,3 @@
-import React from 'react'
 import { useSelector, shallowEqual } from 'react-redux'
 
 const useClock = () => {
diff --git a/examples/with-apollo-and-redux/components/Counter.js b/examples/with-apollo-and-redux/components/Counter.js
index a161c6802c..f2a06cca36 100644
--- a/examples/with-apollo-and-redux/components/Counter.js
+++ b/examples/with-apollo-and-redux/components/Counter.js
@@ -1,4 +1,3 @@
-import React from 'react'
 import { useSelector, useDispatch } from 'react-redux'
 
 const useCounter = () => {
diff --git a/examples/with-apollo-and-redux/components/ErrorMessage.js b/examples/with-apollo-and-redux/components/ErrorMessage.js
index b63a50df53..36be7ca498 100644
--- a/examples/with-apollo-and-redux/components/ErrorMessage.js
+++ b/examples/with-apollo-and-redux/components/ErrorMessage.js
@@ -1,4 +1,3 @@
-import React from 'react'
 import PropTypes from 'prop-types'
 
 const ErrorMessage = ({ message }) => (
diff --git a/examples/with-apollo-and-redux/components/Layout.js b/examples/with-apollo-and-redux/components/Layout.js
index cb16a82261..44bd44ed8d 100644
--- a/examples/with-apollo-and-redux/components/Layout.js
+++ b/examples/with-apollo-and-redux/components/Layout.js
@@ -1,4 +1,3 @@
-import React from 'react'
 import Nav from './Nav'
 import PropTypes from 'prop-types'
 
diff --git a/examples/with-apollo-and-redux/components/PostUpvoter.js b/examples/with-apollo-and-redux/components/PostUpvoter.js
index ffe88ae93d..79e8ce4a3c 100644
--- a/examples/with-apollo-and-redux/components/PostUpvoter.js
+++ b/examples/with-apollo-and-redux/components/PostUpvoter.js
@@ -1,4 +1,3 @@
-import React from 'react'
 import { useMutation } from '@apollo/react-hooks'
 import gql from 'graphql-tag'
 import PropTypes from 'prop-types'
diff --git a/examples/with-apollo-and-redux/lib/apollo.js b/examples/with-apollo-and-redux/lib/apollo.js
index 795cb1a30f..b36f2cc2ae 100644
--- a/examples/with-apollo-and-redux/lib/apollo.js
+++ b/examples/with-apollo-and-redux/lib/apollo.js
@@ -1,4 +1,3 @@
-import React from 'react'
 import Head from 'next/head'
 import { ApolloProvider } from '@apollo/react-hooks'
 import { ApolloClient } from 'apollo-client'
diff --git a/examples/with-apollo-and-redux/lib/redux.js b/examples/with-apollo-and-redux/lib/redux.js
index 90c94279bd..55587190b6 100644
--- a/examples/with-apollo-and-redux/lib/redux.js
+++ b/examples/with-apollo-and-redux/lib/redux.js
@@ -1,4 +1,3 @@
-import React from 'react'
 import { Provider } from 'react-redux'
 import { initializeStore } from '../store'
 import App from 'next/app'
diff --git a/examples/with-apollo-and-redux/pages/index.js b/examples/with-apollo-and-redux/pages/index.js
index 2f2e63d2f9..3493a1f205 100644
--- a/examples/with-apollo-and-redux/pages/index.js
+++ b/examples/with-apollo-and-redux/pages/index.js
@@ -1,4 +1,3 @@
-import React from 'react'
 import { useDispatch } from 'react-redux'
 import { withRedux } from '../lib/redux'
 import { compose } from 'redux'
diff --git a/examples/with-apollo-and-redux/pages/redux.js b/examples/with-apollo-and-redux/pages/redux.js
index 697dcdaab7..0ed8f2e97d 100644
--- a/examples/with-apollo-and-redux/pages/redux.js
+++ b/examples/with-apollo-and-redux/pages/redux.js
@@ -1,4 +1,3 @@
-import React from 'react'
 import { useDispatch } from 'react-redux'
 import { withRedux } from '../lib/redux'
 import useInterval from '../lib/useInterval'
diff --git a/examples/with-apollo/components/PostUpvoter.js b/examples/with-apollo/components/PostUpvoter.js
index 945fcd6e6b..34352e2ef6 100644
--- a/examples/with-apollo/components/PostUpvoter.js
+++ b/examples/with-apollo/components/PostUpvoter.js
@@ -1,4 +1,3 @@
-import React from 'react'
 import { useMutation } from '@apollo/react-hooks'
 import gql from 'graphql-tag'
 
diff --git a/examples/with-apollo/lib/apollo.js b/examples/with-apollo/lib/apollo.js
index bff375c2cf..484591c62e 100644
--- a/examples/with-apollo/lib/apollo.js
+++ b/examples/with-apollo/lib/apollo.js
@@ -1,4 +1,3 @@
-import React from 'react'
 import App from 'next/app'
 import Head from 'next/head'
 import { ApolloProvider } from '@apollo/react-hooks'
diff --git a/examples/with-context-api/components/Counter.js b/examples/with-context-api/components/Counter.js
index 0e196b954d..19911d6eab 100644
--- a/examples/with-context-api/components/Counter.js
+++ b/examples/with-context-api/components/Counter.js
@@ -1,7 +1,7 @@
-import React, { useReducer, useContext } from 'react'
+import { useReducer, useContext, createContext } from 'react'
 
-const CounterStateContext = React.createContext()
-const CounterDispatchContext = React.createContext()
+const CounterStateContext = createContext()
+const CounterDispatchContext = createContext()
 
 const reducer = (state, action) => {
   switch (action.type) {
diff --git a/examples/with-context-api/pages/about.js b/examples/with-context-api/pages/about.js
index bd430d8605..58576e6e77 100644
--- a/examples/with-context-api/pages/about.js
+++ b/examples/with-context-api/pages/about.js
@@ -1,4 +1,3 @@
-import React from 'react'
 import Link from 'next/link'
 import { useCount, useDispatchCount } from '../components/Counter'
 
diff --git a/examples/with-context-api/pages/index.js b/examples/with-context-api/pages/index.js
index 3dfc92c125..5f74e0ef14 100644
--- a/examples/with-context-api/pages/index.js
+++ b/examples/with-context-api/pages/index.js
@@ -1,4 +1,3 @@
-import React from 'react'
 import Link from 'next/link'
 import { useCount, useDispatchCount } from '../components/Counter'
 
diff --git a/examples/with-docker/pages/index.js b/examples/with-docker/pages/index.js
index 06865d5410..68e72959b7 100644
--- a/examples/with-docker/pages/index.js
+++ b/examples/with-docker/pages/index.js
@@ -1,5 +1,3 @@
-import React from 'react'
-
 export default () => {
   return <h1>Hello World!</h1>
 }
diff --git a/examples/with-emotion/pages/_app.js b/examples/with-emotion/pages/_app.js
index ff78e95db6..a5198f1886 100644
--- a/examples/with-emotion/pages/_app.js
+++ b/examples/with-emotion/pages/_app.js
@@ -1,4 +1,3 @@
-import * as React from 'react'
 import NextApp from 'next/app'
 import { CacheProvider } from '@emotion/core'
 
diff --git a/examples/with-redux-observable/components/CharacterInfo.js b/examples/with-redux-observable/components/CharacterInfo.js
index 432f75a031..eefd7168af 100644
--- a/examples/with-redux-observable/components/CharacterInfo.js
+++ b/examples/with-redux-observable/components/CharacterInfo.js
@@ -1,4 +1,3 @@
-import React from 'react'
 import { connect } from 'react-redux'
 
 const CharacterInfo = ({
diff --git a/examples/with-redux-observable/pages/_app.js b/examples/with-redux-observable/pages/_app.js
index d794b38a6a..4bbd0dbdf8 100644
--- a/examples/with-redux-observable/pages/_app.js
+++ b/examples/with-redux-observable/pages/_app.js
@@ -1,4 +1,3 @@
-import React from 'react'
 import { Provider } from 'react-redux'
 import App from 'next/app'
 import withRedux from 'next-redux-wrapper'
diff --git a/examples/with-redux-observable/pages/index.js b/examples/with-redux-observable/pages/index.js
index de47a1cea2..6bab7cbfcd 100644
--- a/examples/with-redux-observable/pages/index.js
+++ b/examples/with-redux-observable/pages/index.js
@@ -1,4 +1,4 @@
-import React from 'react'
+import { Component } from 'react'
 import Link from 'next/link'
 import { of, Subject } from 'rxjs'
 import { StateObservable } from 'redux-observable'
@@ -7,7 +7,7 @@ import CharacterInfo from '../components/CharacterInfo'
 import { rootEpic } from '../redux/epics'
 import * as actions from '../redux/actions'
 
-class Counter extends React.Component {
+class Counter extends Component {
   static async getInitialProps({ store, isServer }) {
     const state$ = new StateObservable(new Subject(), store.getState())
     const resultAction = await rootEpic(
diff --git a/examples/with-redux-observable/pages/other.js b/examples/with-redux-observable/pages/other.js
index 2ad7ab7161..5cda5147ff 100644
--- a/examples/with-redux-observable/pages/other.js
+++ b/examples/with-redux-observable/pages/other.js
@@ -1,4 +1,3 @@
-import React from 'react'
 import Link from 'next/link'
 
 const OtherPage = () => (
diff --git a/examples/with-redux-persist/components/counter.js b/examples/with-redux-persist/components/counter.js
index 8c29d17499..cf2eaa17a3 100644
--- a/examples/with-redux-persist/components/counter.js
+++ b/examples/with-redux-persist/components/counter.js
@@ -1,4 +1,4 @@
-import React, { Component } from 'react'
+import { Component } from 'react'
 import { connect } from 'react-redux'
 import { bindActionCreators } from 'redux'
 import { incrementCount, decrementCount, resetCount } from '../store'
diff --git a/examples/with-redux-persist/components/data-list.js b/examples/with-redux-persist/components/data-list.js
index 570e08a59a..3ad70ac093 100644
--- a/examples/with-redux-persist/components/data-list.js
+++ b/examples/with-redux-persist/components/data-list.js
@@ -1,4 +1,4 @@
-import React, { Component } from 'react'
+import { Component } from 'react'
 import { connect } from 'react-redux'
 import { bindActionCreators } from 'redux'
 import { loadExampleData, loadingExampleDataFailure } from '../store'
diff --git a/examples/with-redux-persist/lib/with-redux-store.js b/examples/with-redux-persist/lib/with-redux-store.js
index 163daf7eb5..9b6ce3265e 100644
--- a/examples/with-redux-persist/lib/with-redux-store.js
+++ b/examples/with-redux-persist/lib/with-redux-store.js
@@ -1,4 +1,4 @@
-import React from 'react'
+import { Component } from 'react'
 import { initializeStore } from '../store'
 
 const isServer = typeof window === 'undefined'
@@ -18,7 +18,7 @@ function getOrCreateStore(initialState) {
 }
 
 export default App => {
-  return class AppWithRedux extends React.Component {
+  return class AppWithRedux extends Component {
     static async getInitialProps(appContext) {
       // Get or Create the store with `undefined` as initialState
       // This allows you to set a custom default initialState
diff --git a/examples/with-redux-persist/pages/_app.js b/examples/with-redux-persist/pages/_app.js
index e0c7c901fd..98f2793d9e 100644
--- a/examples/with-redux-persist/pages/_app.js
+++ b/examples/with-redux-persist/pages/_app.js
@@ -1,5 +1,4 @@
 import App from 'next/app'
-import React from 'react'
 import withReduxStore from '../lib/with-redux-store'
 import { Provider } from 'react-redux'
 import { persistStore } from 'redux-persist'
diff --git a/examples/with-redux-persist/pages/index.js b/examples/with-redux-persist/pages/index.js
index c528a6d0fb..f9245c6f43 100644
--- a/examples/with-redux-persist/pages/index.js
+++ b/examples/with-redux-persist/pages/index.js
@@ -1,9 +1,9 @@
-import React from 'react'
+import { Component } from 'react'
 import { connect } from 'react-redux'
 import { startClock, serverRenderClock } from '../store'
 import Examples from '../components/examples'
 
-class Index extends React.Component {
+class Index extends Component {
   static getInitialProps({ reduxStore, req }) {
     const isServer = !!req
     // DISPATCH ACTIONS HERE ONLY WITH `reduxStore.dispatch`
diff --git a/examples/with-redux-saga/components/clock.js b/examples/with-redux-saga/components/clock.js
index ce0e28733f..3170784cf7 100644
--- a/examples/with-redux-saga/components/clock.js
+++ b/examples/with-redux-saga/components/clock.js
@@ -1,5 +1,3 @@
-import React from 'react'
-
 const pad = n => (n < 10 ? `0${n}` : n)
 
 const format = t => {
diff --git a/examples/with-redux-saga/components/counter.js b/examples/with-redux-saga/components/counter.js
index 4dd286137e..ead3739277 100644
--- a/examples/with-redux-saga/components/counter.js
+++ b/examples/with-redux-saga/components/counter.js
@@ -1,4 +1,4 @@
-import React, { Component } from 'react'
+import { Component } from 'react'
 import { connect } from 'react-redux'
 
 import { increment, decrement, reset } from '../actions'
diff --git a/examples/with-redux-saga/pages/_app.js b/examples/with-redux-saga/pages/_app.js
index 8a41e3f0e1..130e85fe05 100644
--- a/examples/with-redux-saga/pages/_app.js
+++ b/examples/with-redux-saga/pages/_app.js
@@ -1,5 +1,4 @@
 import App from 'next/app'
-import React from 'react'
 import { Provider } from 'react-redux'
 import withRedux from 'next-redux-wrapper'
 import withReduxSaga from 'next-redux-saga'
diff --git a/examples/with-redux-saga/pages/index.js b/examples/with-redux-saga/pages/index.js
index 482045f391..8464903ca6 100644
--- a/examples/with-redux-saga/pages/index.js
+++ b/examples/with-redux-saga/pages/index.js
@@ -1,10 +1,10 @@
-import React from 'react'
+import { Component } from 'react'
 import { connect } from 'react-redux'
 
 import { loadData, startClock, tickClock } from '../actions'
 import Page from '../components/page'
 
-class Index extends React.Component {
+class Index extends Component {
   static async getInitialProps(props) {
     const { store, isServer } = props.ctx
     store.dispatch(tickClock(isServer))
diff --git a/examples/with-redux-saga/pages/other.js b/examples/with-redux-saga/pages/other.js
index b646ad2472..17ad54be40 100644
--- a/examples/with-redux-saga/pages/other.js
+++ b/examples/with-redux-saga/pages/other.js
@@ -1,10 +1,10 @@
-import React from 'react'
+import { Component } from 'react'
 import { connect } from 'react-redux'
 
 import { startClock, tickClock } from '../actions'
 import Page from '../components/page'
 
-class Other extends React.Component {
+class Other extends Component {
   static async getInitialProps(props) {
     const { store, isServer } = props.ctx
     store.dispatch(tickClock(isServer))
diff --git a/examples/with-redux-thunk/components/clock.js b/examples/with-redux-thunk/components/clock.js
index 6bdd922101..50a49693f6 100644
--- a/examples/with-redux-thunk/components/clock.js
+++ b/examples/with-redux-thunk/components/clock.js
@@ -1,5 +1,3 @@
-import React from 'react'
-
 const pad = n => (n < 10 ? `0${n}` : n)
 
 const format = t =>
diff --git a/examples/with-redux-thunk/components/counter.js b/examples/with-redux-thunk/components/counter.js
index 9b9a9ed14b..c2ae95f8e8 100644
--- a/examples/with-redux-thunk/components/counter.js
+++ b/examples/with-redux-thunk/components/counter.js
@@ -1,4 +1,3 @@
-import React from 'react'
 import { useSelector, useDispatch } from 'react-redux'
 import { incrementCount, decrementCount, resetCount } from '../actions'
 
diff --git a/examples/with-redux-thunk/components/examples.js b/examples/with-redux-thunk/components/examples.js
index c57ea3608e..59d0084a95 100644
--- a/examples/with-redux-thunk/components/examples.js
+++ b/examples/with-redux-thunk/components/examples.js
@@ -1,4 +1,3 @@
-import React from 'react'
 import { useSelector } from 'react-redux'
 import Clock from './clock'
 import Counter from './counter'
diff --git a/examples/with-redux-thunk/lib/with-redux-store.js b/examples/with-redux-thunk/lib/with-redux-store.js
index 285dbfad20..708c675dc2 100644
--- a/examples/with-redux-thunk/lib/with-redux-store.js
+++ b/examples/with-redux-thunk/lib/with-redux-store.js
@@ -1,4 +1,4 @@
-import React from 'react'
+import { Component } from 'react'
 import initializeStore from '../store'
 
 const __NEXT_REDUX_STORE__ = '__NEXT_REDUX_STORE__'
@@ -17,7 +17,7 @@ function getOrCreateStore(initialState) {
 }
 
 export default App => {
-  return class AppWithRedux extends React.Component {
+  return class AppWithRedux extends Component {
     static async getInitialProps(appContext) {
       // Get or Create the store with `undefined` as initialState
       // This allows you to set a custom default initialState
diff --git a/examples/with-redux-thunk/pages/_app.js b/examples/with-redux-thunk/pages/_app.js
index e16d1e9e3e..8b53dc2539 100644
--- a/examples/with-redux-thunk/pages/_app.js
+++ b/examples/with-redux-thunk/pages/_app.js
@@ -1,4 +1,3 @@
-import React from 'react'
 import { Provider } from 'react-redux'
 import App from 'next/app'
 import withReduxStore from '../lib/with-redux-store'
diff --git a/examples/with-redux-thunk/pages/index.js b/examples/with-redux-thunk/pages/index.js
index fdcc419435..befb7ae3b0 100644
--- a/examples/with-redux-thunk/pages/index.js
+++ b/examples/with-redux-thunk/pages/index.js
@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react'
+import { PureComponent } from 'react'
 import { connect } from 'react-redux'
 import Link from 'next/link'
 import { startClock, serverRenderClock } from '../actions'
diff --git a/examples/with-redux-thunk/pages/show-redux-state.js b/examples/with-redux-thunk/pages/show-redux-state.js
index 1994764f0f..a23c374b7e 100644
--- a/examples/with-redux-thunk/pages/show-redux-state.js
+++ b/examples/with-redux-thunk/pages/show-redux-state.js
@@ -1,4 +1,3 @@
-import React from 'react'
 import { connect } from 'react-redux'
 import Link from 'next/link'
 
diff --git a/examples/with-redux-toolkit/components/clock.js b/examples/with-redux-toolkit/components/clock.js
index d394d9376c..0b81f9d6bc 100644
--- a/examples/with-redux-toolkit/components/clock.js
+++ b/examples/with-redux-toolkit/components/clock.js
@@ -1,4 +1,3 @@
-import React from 'react'
 import { useSelector, shallowEqual } from 'react-redux'
 
 const useClock = () => {
diff --git a/examples/with-redux-toolkit/components/counter.js b/examples/with-redux-toolkit/components/counter.js
index 05ab067e96..98661a8336 100644
--- a/examples/with-redux-toolkit/components/counter.js
+++ b/examples/with-redux-toolkit/components/counter.js
@@ -1,4 +1,3 @@
-import React from 'react'
 import { createAction } from '@reduxjs/toolkit'
 import { useSelector, useDispatch } from 'react-redux'
 
diff --git a/examples/with-redux-toolkit/pages/_app.js b/examples/with-redux-toolkit/pages/_app.js
index 025a8be8c9..2bb3630639 100644
--- a/examples/with-redux-toolkit/pages/_app.js
+++ b/examples/with-redux-toolkit/pages/_app.js
@@ -1,4 +1,3 @@
-import React from 'react'
 import { Provider } from 'react-redux'
 import { store } from '../store'
 
diff --git a/examples/with-redux-toolkit/pages/index.js b/examples/with-redux-toolkit/pages/index.js
index 30da73b0c7..f365719ac6 100644
--- a/examples/with-redux-toolkit/pages/index.js
+++ b/examples/with-redux-toolkit/pages/index.js
@@ -1,4 +1,3 @@
-import React from 'react'
 import { createAction } from '@reduxjs/toolkit'
 import { connect } from 'react-redux'
 import useInterval from '../lib/useInterval'
diff --git a/examples/with-styled-components/README.md b/examples/with-styled-components/README.md
index 60cd7dc2f2..329507058d 100644
--- a/examples/with-styled-components/README.md
+++ b/examples/with-styled-components/README.md
@@ -58,7 +58,6 @@ When wrapping a [Link](https://nextjs.org/docs/api-reference/next/link) from `ne
 **components/StyledLink.js**
 
 ```javascript
-import React from 'react'
 import Link from 'next/link'
 import styled from 'styled-components'
 
@@ -88,7 +87,6 @@ export default styled(StyledLink)`
 **pages/index.js**
 
 ```javascript
-import React from 'react'
 import StyledLink from '../components/StyledLink'
 
 export default () => (
diff --git a/examples/with-styled-components/pages/_app.js b/examples/with-styled-components/pages/_app.js
index fde622fbb2..cda1572395 100644
--- a/examples/with-styled-components/pages/_app.js
+++ b/examples/with-styled-components/pages/_app.js
@@ -1,5 +1,4 @@
 import App from 'next/app'
-import React from 'react'
 import { ThemeProvider } from 'styled-components'
 
 const theme = {
diff --git a/examples/with-styled-components/pages/index.js b/examples/with-styled-components/pages/index.js
index 8864aceb16..3f2d956c9b 100644
--- a/examples/with-styled-components/pages/index.js
+++ b/examples/with-styled-components/pages/index.js
@@ -1,4 +1,3 @@
-import React from 'react'
 import styled from 'styled-components'
 
 const Title = styled.h1`
-- 
GitLab