chore: Remove some redundant imports (vercel#13066)

This issue is related to [12694](vercel#12964). I covered the following examples


- with-zeit-fetch
- with-yarn-workspaces
- with-why-did-your-render
- with-video-js
- with-universal-configuration-runtime
- with-typestyle
- with-three-js

If you have a suggestion or change I'd appreciate it

examples/with-three-js/pages/_app.js

@@ -1,4 +1,3 @@
-import React from 'react'
 import './index.css'
 
 function MyApp({ Component, pageProps }) {

examples/with-three-js/pages/birds.js

@@ -1,4 +1,4 @@
-import React, { useRef, useState, useEffect, Suspense } from 'react'
+import { useRef, useState, useEffect, Suspense } from 'react'
 import * as THREE from 'three'
 import { Canvas, useFrame, useLoader } from 'react-three-fiber'
 

examples/with-three-js/pages/boxes.js

@@ -1,4 +1,4 @@
-import React, { useRef, useState, Suspense } from 'react'
+import { useRef, useState, Suspense } from 'react'
 import { Canvas, useFrame } from 'react-three-fiber'
 
 const Box = (props) => {

examples/with-three-js/pages/index.js

@@ -1,4 +1,3 @@
-import React from 'react'
 import Link from 'next/link'
 
 const Index = () => {

examples/with-typestyle/pages/index.js

@@ -1,4 +1,3 @@
-import React from 'react'
 import { style } from 'typestyle'
 
 const className = style({ color: 'red' })

examples/with-universal-configuration-runtime/pages/index.js

@@ -1,4 +1,3 @@
-import React from 'react'
 import getConfig from 'next/config'
 
 const { publicRuntimeConfig } = getConfig()

examples/with-videojs/components/Player.js

@@ -1,4 +1,4 @@
-import React, { Component } from 'react'
+import { Component } from 'react'
 import videojs from 'video.js'
 import 'videojs-youtube'
 

examples/with-videojs/pages/index.js

@@ -1,7 +1,7 @@
-import React from 'react'
+import { Component } from 'react'
 import Player from '../components/Player'
 
-export default class Index extends React.Component {
+export default class Index extends Component {
   render() {
     const videoJsOptions = {
       techOrder: ['youtube'],

examples/with-why-did-you-render/components/header.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react'
+import { useState, useEffect } from 'react'
 
 const Header = () => {
   const [objState, setObjState] = useState({ name: 'World' })

examples/with-yarn-workspaces/packages/bar/index.js

@@ -1,5 +1,3 @@
-import React from 'react'
-
 const Bar = () => <strong>bar</strong>
 
 export default Bar

examples/with-zeit-fetch/pages/preact.js

@@ -1,4 +1,3 @@
-import React from 'react'
 import Link from 'next/link'
 import fetch from '../fetch'