docs: fix random() SSR bug

pmndrs · Mar 21, 2024 · 538e282 · 538e282
1 parent aa02dde
commit 538e282
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/documentation/pages/docs/code/rug.js b/documentation/pages/docs/code/rug.js
@@ -1,14 +1,18 @@
-import React from 'react'
+import React, { useEffect } from 'react'
 import { EasterDiv } from './examples'
 
 const handMojis = ['👆', '👇', '👈', '🤘', '🤙', '✊', '🖖', '🖐', '🤞', '👍', '👊']
 const randomEmoji = () => handMojis[Math.floor(Math.random() * handMojis.length)]
 
 export default function Rug({ pkg }) {
+  const [emoji, setEmoji] = React.useState(handMojis[0])
+
+  useEffect(() => setEmoji(randomEmoji()), [])
+
   return (
     <EasterDiv>
       <span style={{ color: '#ff9800', touchAction: 'none' }}>
-        {randomEmoji()} <strong>@use-gesture</strong>
+        {emoji} <strong>@use-gesture</strong>
         {pkg && `/${pkg}`}
       </span>
     </EasterDiv>