An Error page is shown after refreshing the Edit contact page

[weaponsforge]

Description

• Currently, refreshing the contact page from the /contacts/edit/{docId} route yields an error page.
• Refreshing a contact from the /contacts/edit/{docId} page should not display an error page. It should either:
  • display the Contact document and it's Contact photo
  • Redirect back to the /contacts page

Steps to Reproduce

1. Sign-in to your account in https://weaponsforge.github.io/
2. Start editing a Contact by pressing it's Contact card thumbnail
3. Press the refresh button once inside the /contacts/edit/{docId} edit page.
   • Take note of 404 (this could not be found page)
   • Also, take note of the React console errors when working on localhost

Please view the attached video and and screenshots for reproducing this bug for reference.

Video: Error when refreshing the edit contact page

edit-contact.mp4

Error Screenshot From the Live Website

Error Screenshot On Localhost Development