Not able to run frontend

[rajgaur98]

I have created a hardhat project using npx hardhat.
Running and testing contracts is working fine, the problem comes when including a react frontend.

Facing this error when running yarn start

Failed to compile.

../node_modules/undici/lib/api/api-request.js
Module not found: Can't resolve 'async_hooks' in 'C:\D\Studies\blockchain_projects\coffee-vending-machine\backend\node_modules\undici\lib\api'
Error from chokidar (C:\): Error: EBUSY: resource busy or locked, lstat 'C:\DumpStack.log.tmp'

Steps to reproduce:

1. Create a new Javascript project using npx hardhat
2. Write solidity contracts if any
3. Create a new react app using create-react-app in a new folder inside the current directory
4. Run yarn start

Backend dependencies

  "devDependencies": {
    "@nomiclabs/hardhat-ethers": "^2.0.2",
    "@nomiclabs/hardhat-waffle": "^2.0.1",
    "chai": "^4.2.0",
    "ethereum-waffle": "^3.1.1",
    "ethers": "^5.0.0",
    "hardhat": "^2.3.0",
    "husky": "^4.2.5"
  }
}

Frontend dependencies

{
  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.5.0",
    "@testing-library/user-event": "^7.2.1",
    "bootstrap": "^4.4.1",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-scripts": "3.4.1"
  },
}

Folder structure:

React app code is in the frontend folder

Edit: I don't face this issue when cloning and using this repo https://github.com/NomicFoundation/hardhat-boilerplate