fix: 🐛 Use crypto module only on server side

✅Closes: #332
dc7290 · Dec 8, 2022 · 1a8d2ed · 1a8d2ed
1 parent 7569362
commit 1a8d2ed
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/src/image.tsx b/src/image.tsx
@@ -1,6 +1,4 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
-import { createHash } from 'crypto'
-
 import Image, { ImageLoader, ImageProps } from 'next/dist/client/image'
 import React from 'react'
 
@@ -86,7 +84,8 @@ const exportableLoader: ImageLoader = ({ src: _src, width, quality }) => {
     const path = require('path') as typeof import('path')
 
     if (src.startsWith('http')) {
-      json.src = `/${externalOutputDir}/${createHash('sha1')
+      json.src = `/${externalOutputDir}/${(require('crypto') as typeof import('crypto'))
+        .createHash('sha1')
         .update(
           src
             .replace(/^https?:\/\//, '')