diff --git a/website/src/components/copy.js b/website/src/components/copy.js
index e622c0f84..a59222717 100644
--- a/website/src/components/copy.js
+++ b/website/src/components/copy.js
@@ -1,4 +1,4 @@
-import React, { useState, useRef } from 'react'
+import React, { useState, useRef, useEffect } from 'react'
 
 import Icon from './icon'
 import classes from '../styles/copy.module.sass'
@@ -16,7 +16,11 @@ export function copyToClipboard(ref, callback) {
 
 export default function CopyInput({ text, prefix }) {
     const isClient = typeof window !== 'undefined'
-    const supportsCopy = isClient && document.queryCommandSupported('copy')
+    const [supportsCopy, setSupportsCopy] = useState(false)
+
+    useEffect(() => {
+        setSupportsCopy(isClient && document.queryCommandSupported('copy'))
+    }, [])
     const textareaRef = useRef()
     const [copySuccess, setCopySuccess] = useState(false)
     const onClick = () => copyToClipboard(textareaRef, setCopySuccess)