diff --git a/components/ShareButtons.js b/components/ShareButtons.js
index 2aee7a78..b5511cfa 100644
--- a/components/ShareButtons.js
+++ b/components/ShareButtons.js
@@ -1,7 +1,7 @@
 import BLOG from '@/blog.config'
 import { useGlobal } from '@/lib/global'
 import copy from 'copy-to-clipboard'
-import QRCode from 'qrcode.react'
+import dynamic from 'next/dynamic'
 import { useState } from 'react'
 
 import {
@@ -49,6 +49,13 @@ import {
   HatenaIcon
 } from 'react-share'
 
+const QRCode = dynamic(
+  () => {
+    return import('qrcode.react')
+  },
+  { ssr: false }
+)
+
 /**
  * @author https://github.com/txs
  * @param {*} param0