Create build with same hash on different servers

[ShivamS136]

My problem might be very specific or very general, for that please let me tell you my server architecture:

• I have a Load Balancer, behind that there are 2 identical node servers.
• There's a CDN as well to deliver static content like JS, CSS.
• I always push package.json and yarn.lock to both the servers via git.
• Whenever there are changes in yarn.lock then in CI/CD I run yarn install --frozen-lock-file.
• I always update version in package.json while git pushing and on change in package.json I run yarn build in CI/CD.

The files inside build folder are accessible by CDN so when a request comes to my CDN URL then if they are not available at CDN then the request comes to my website URL i.e. Load Balancer, This load balancer can serve this request by any of my node servers.

The issue with this might be like below:

• While running yarn build on server 1 the hash in static file names may be different than server 2.
• So let's consider a case where index.html is served from server 1 and the asset request gets redirected to server 2 then the user will be having 404 though the file is present on server 1. Same for vice versa.

How to handle such a case?
Should I have a separate build server and then scp these files to both the servers?
Is there any setting in react-scripts or create-react-app to have a custom hash name?