so I am trying to update the favicon on my React-ts website. I have SSR setup and it uses express 4.17.1 for the server side.

the issue I'm encountering is that the favicon is set in my client.ejs template file as

However once the client and server builds the favicon.ico is not included in the /dist folder so there is no favicon to reference. I have tried manually adding it to the dist folder but I am still getting a 404 resource not found when trying to load the favicon.ico.

I have tried adding the file to the express.static and have also tried setting the favicon under HtmlWebpackPlugin but still no success.

I have seen lots of tutorials online for express favicons and react/webpack favicons but none that have both of the technologies working together.

Any help would be greatly appreciated!