diff --git a/examples/with-three-js/next.config.js b/examples/with-three-js/next.config.js
deleted file mode 100644
index 1822225df374f..0000000000000
--- a/examples/with-three-js/next.config.js
+++ /dev/null
@@ -1,4 +0,0 @@
-const withCSS = require('@zeit/next-css')
-module.exports = withCSS({
- cssModules: true,
-})
diff --git a/examples/with-three-js/pages/_app.js b/examples/with-three-js/pages/_app.js
new file mode 100644
index 0000000000000..a0549e5c10ac7
--- /dev/null
+++ b/examples/with-three-js/pages/_app.js
@@ -0,0 +1,8 @@
+import React from 'react'
+import './index.css'
+
+function MyApp({ Component, pageProps }) {
+ return
+}
+
+export default MyApp
diff --git a/examples/with-three-js/pages/birds.js b/examples/with-three-js/pages/birds.js
index 9f558ae1820fb..f9b2d4a042f06 100644
--- a/examples/with-three-js/pages/birds.js
+++ b/examples/with-three-js/pages/birds.js
@@ -1,7 +1,6 @@
import React, { useRef, useState, useEffect, Suspense } from 'react'
import * as THREE from 'three'
import { Canvas, useFrame, useLoader } from 'react-three-fiber'
-import './index.css'
let GLTFLoader
diff --git a/examples/with-three-js/pages/boxes.js b/examples/with-three-js/pages/boxes.js
index b03400c8532de..8fba862a743fb 100644
--- a/examples/with-three-js/pages/boxes.js
+++ b/examples/with-three-js/pages/boxes.js
@@ -1,6 +1,5 @@
import React, { useRef, useState, Suspense } from 'react'
import { Canvas, useFrame } from 'react-three-fiber'
-import './index.css'
const Box = props => {
const mesh = useRef()
diff --git a/examples/with-three-js/pages/index.js b/examples/with-three-js/pages/index.js
index 4472ddab9c524..7164e9d7f28bc 100644
--- a/examples/with-three-js/pages/index.js
+++ b/examples/with-three-js/pages/index.js
@@ -1,10 +1,9 @@
import React from 'react'
import Link from 'next/link'
-import style from './index.css'
const Index = () => {
return (
-