Module not found: Can't resolve 'fs'

[friskomayufid]

Hi, just wanna ask
in section render content and getStaticProps on file [slug].tsx why in my code it keep saying module 'fs' not found but in blog list its working?

my node version is v14.17.6
and next is 10.0.3

./pages/blog/[slug].tsx:6:0
Module not found: Can't resolve 'fs'
4 | import Head from 'next/head'
5 | import { useRouter } from 'next/router'

6 | import fs from 'fs'
7 | import path from 'path'
8 | import matter from 'gray-matter'
9 | import renderToString from 'next-mdx-remote/render-to-string'

[dhenriquezunosquare]

In Next.config.js Add

 module.exports={
   webpack: (config, { isServer }) => {   
    if (!isServer) {
      config.node = {
        fs: 'empty'
      }
    }
    return config
  },
  /// ... rest conten of file
}

[faroukaf]

check it

• getStaticProps
• getStaticPaths