Replace CSS tag with JS import (#28143)

Replaces `<link />` tag import with JS import to fix ESLint warning: https://nextjs.org/docs/messages/no-css-tags
vercel · Aug 16, 2021 · 876cbba · 876cbba
1 parent 639b4d7
commit 876cbba
Showing 1 changed file with 1 addition and 5 deletions.
diff --git a/examples/with-loading/pages/_app.js b/examples/with-loading/pages/_app.js
@@ -1,8 +1,8 @@
 import { useEffect } from 'react'
 import Link from 'next/link'
-import Head from 'next/head'
 import { useRouter } from 'next/router'
 import NProgress from 'nprogress'
+import '../public/nprogress.css'
 
 export default function App({ Component, pageProps }) {
   const router = useRouter()
@@ -29,10 +29,6 @@ export default function App({ Component, pageProps }) {
 
   return (
     <>
-      <Head>
-        {/* Import CSS for nprogress */}
-        <link rel="stylesheet" type="text/css" href="/nprogress.css" />
-      </Head>
       <nav>
         <style jsx>{`
           a {