serving the built react app using express

[arunkumar413]

I was referring to this (https://create-react-app.dev/docs/deployment#other-solutions ) doc to serve the built react app. However I'm getting the below error.

GET /static/css/main.40b4a62f.css 404 10.536 ms - 1166
GET /static/js/main.28ffdc7a.js 404 18.887 ms - 1166
GET /static/css/main.40b4a62f.css 404 11.287 ms - 1166
GET /favicon.ico 404 5.882 ms - 1166
GET / 304 100.257 ms - -
GET /static/css/main.40b4a62f.css 404 14.594 ms - 1166
GET /static/js/main.28ffdc7a.js 404 13.093 ms - 1166

Here is the code that's serving the built react app

app.get('/', function (req, res) {
  res.sendFile(path.join(__dirname, '../client/build', 'index.html'));
});

Below is the project directory structure. client dir contains the react app and server contains express backend

├── client
│   ├── build
│   │   ├── asset-manifest.json
│   │   ├── favicon.ico
│   │   ├── index.html
│   │   └── static
│   │       ├── css
│   │       │   ├── main.40b4a62f.css
│   │       │   └── main.40b4a62f.css.map
│   │       ├── js
│   │       │   ├── main.28ffdc7a.js
│   │       │   └── main.28ffdc7a.js.map
│   │       └── media
│   │           └── logo.5d5d9eef.svg
│   ├── package.json
│   ├── package-lock.json
│   ├── public
│   │   ├── favicon.ico
│   │   └── index.html
│   ├── README.md
│   └── src
│       ├── App.css
│       ├── App.js
│       ├── App.test.js
│       ├── index.css
│       ├── index.js
│       └── logo.svg
├── LICENSE
├── README.md
└── server
    ├── app.js
    ├── bin
    │   └── www
    ├── package.json
    ├── package-lock.json
    ├── public
    │   ├── images
    │   ├── javascripts
    │   └── stylesheets
    │       └── style.css
    ├── routes
    │   ├── index.js
    │   └── users.js
    └── views
        ├── error.pug
        ├── index.pug
        └── layout.pug