diff --git a/docs/src/components/Demo/index.vue b/docs/src/components/Demo/index.vue
index 6b81aba5..860a0d83 100644
--- a/docs/src/components/Demo/index.vue
+++ b/docs/src/components/Demo/index.vue
@@ -38,12 +38,11 @@
 
 <script>
 import collect from 'collect.js'
-import ReactRenderer from '~/components/ReactRenderer'
 import Prism from '~/components/Prism'
 
 export default {
   components: {
-    ReactRenderer,
+    ReactRenderer: () => import('~/components/ReactRenderer'),
     Prism,
   },
 
diff --git a/docs/src/main.js b/docs/src/main.js
index 3d053dfa..4118eb7b 100644
--- a/docs/src/main.js
+++ b/docs/src/main.js
@@ -3,11 +3,9 @@ import Prism from 'prismjs'
 import 'prismjs/components/prism-jsx.js'
 import 'prismjs/components/prism-scss.js'
 import App from '~/layouts/App'
-import ReactRenderer from '~/components/ReactRenderer'
 
 export default function (Vue) {
   Vue.component('Layout', App)
   Vue.component('Demo', () => import('~/components/Demo'))
   Vue.component('LiveDemo', () => import('~/components/LiveDemo'))
-  Vue.component('ReactRenderer', ReactRenderer)
 }