TypeError: undefined is not an object (evaluating 'n.props.balance.me')

[thomaseizinger]

https://sentry.io/organizations/nobtio/issues/1312916675/?referrer=github_plugin

TypeError: undefined is not an object (evaluating 'n.props.balance.me')
  at context (./src/routes/App/routes/balances/routes/name/components/PersonBalance/PersonBalance.js:38:34)
  at dispatch (./src/store/crashReporter.js:16:3)
  at next (./src/routes/App/modules/currentNobt/actions.js:20:5)
  at None (./src/store/crashReporter.js:16:3)
  at promiseReactionJob ([native code])
...
(11 additional frame(s) were not displayed)

[thomaseizinger]

Some investigation:

1. This problem happens for the user "Blair", likely because their name includes a space at the end. This is something we should sanitize in the backend in the future, I've opened Better sanitization of inputs from the frontend api#105 for this.
2. Interestingly, this issue only happens if one directly navigates to that page. Try the following to re-produce:

a. Go to https://nobt.io/yIGHL7SzDSrJ/balances/Blair, you will see a blank screen.
b. Go to https://nobt.io/yIGHL7SzDSrJ/balances and navigate to "Blair". Everything works.

This seems to have to do with our routing and monomorphization of the makeGetBalance function that we use to retrieve the balance of a particular user from the redux store. This issue should be fixable once we completely move away from redux, however, this requires some more work with transitioning to fully utilize React's new hooks.