Fix "window is not defined" in component

muuvmuuv · Jan 23, 2020 · e7389a7 · e7389a7
1 parent cf0e876
commit e7389a7
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "marvin-digital",
-  "version": "3.11.0",
+  "version": "3.11.1",
   "private": true,
   "description": "Portfolio of and by Marvin Heilemann (@muuvmuuv)",
   "repository": {

diff --git a/src/components/HideContent.jsx b/src/components/HideContent.jsx
@@ -1,10 +1,13 @@
-import React from 'react'
-import { useState } from 'react'
+import React, { useState, useEffect } from 'react'
 
 /* eslint-disable jsx-a11y/no-interactive-element-to-noninteractive-role */
 
 const HideContent = ({ text }) => {
-  const [state, setState] = useState(btoa(text))
+  const [state, setState] = useState(null)
+
+  useEffect(() => {
+    setState(window.btoa(text))
+  }, [text])
 
   const decryptContent = () => {
     setState(text)