Module not found: Can't resolve '../artifacts/contracts/Market.sol/NFTMarket.json'

Hi

I'm following along with a tutorial and I'm getting the following error

Module not found: Can't resolve '../artifacts/contracts/Market.sol/NFTMarket.json'

The tutorial I'm following can be found here, and so can the entire code base

Once I go - npm run dev - this is my output

BarryH@EPT-LT23 MINGW64 ~/digital-marketplace (main)
$ npm run dev

digital-marketplace@0.1.0 dev
next dev

ready - started server on 0.0.0.0:3000, url: http://localhost:3000
info - Using webpack 5. Reason: Enabled by default https://nextjs.org/docs/messages/webpack5
event - compiled successfully
event - build page: /
wait - compiling...
error - ./pages/index.js:11:0
Module not found: Can't resolve '../artifacts/contracts/Market.sol/NFTMarket.json'
9 |
10 | import NFT from '../artifacts/contracts/NFT.sol/NFT.json'

11 | import Market from '../artifacts/contracts/Market.sol/NFTMarket.json'
12 |
13 | export default function Home() {
14 | const [nfts, setNfts] = useState()

Import trace for requested module:

event - build page: /next/dist/pages/_error
wait - compiling...
error - ./pages/index.js:11:0
Module not found: Can't resolve '../artifacts/contracts/Market.sol/NFTMarket.json'
9 |
10 | import NFT from '../artifacts/contracts/NFT.sol/NFT.json'

11 | import Market from '../artifacts/contracts/Market.sol/NFTMarket.json'
12 |
13 | export default function Home() {
14 | const [nfts, setNfts] = useState()

Import trace for requested module:

wait - compiling...
event - compiled successfully

Really don't understand why it isn't working as i've copied his code examples exactly

Any help would be greatly appreciated