UI: Blank screen and TypeError: Cannot read properties of undefined (reading 'deals')

[jcace]

Checklist

• [X] This is not a question or a support request. If you have any boost related questions, please ask in the discussion forum.
• [X] This is not a new feature request. If it is, please file a feature request instead.
• [X] This is not an enhancement request. If it is, please file a improvement suggestion instead.
• [X] I have searched on the issue tracker and the discussion forum, and there is no existing related issue or discussion.
• [X] I am running the Latest release, or the most recent RC(release canadiate) for the upcoming release or the dev branch(master), or have an issue updating to any of these.
• [X] I did not make any code changes to boost.

Boost component

• [ ] boost daemon - storage providers
• [ ] boost client
• [X] boost UI
• [ ] boost data-transfer
• [ ] boost index-provider
• [ ] Other

Boost Version

`boostd version 1.6.1+git.4931e18`

Describe the Bug

Periodically, when I'm going through Boost pages of my deals, the UI will just be blank (white screen), and the following error will be present in the devtools console:

TypeError: Cannot read properties of undefined (reading 'deals')

To reproduce, I have to open up Boost, go to the /storage-deals page and click the ">" button a couple times to go to the next page of deals. After about 5-6 times, this will happen.

Doesn't happen all the time but frequently enough that I've noticed it. I have my deals pagination set to 100pp. Issue will resolve when I refresh the page as it will reload and works fine for a period of time afterwards.

Logging Information

Nothing notable in the `boost` logs server-side - issue seems to be limited to the browser. 

-dom.production.min.js:216 TypeError: Cannot read properties of undefined (reading 'deals')
    at tu (Deals.js:106:20)
    at oo (react-dom.production.min.js:157:137)
    at Qo (react-dom.production.min.js:180:154)
    at Hs (react-dom.production.min.js:269:343)
    at Ol (react-dom.production.min.js:250:347)
    at Dl (react-dom.production.min.js:250:278)
    at Cl (react-dom.production.min.js:250:138)
    at bl (react-dom.production.min.js:243:163)
    at react-dom.production.min.js:123:115
    at t.unstable_runWithPriority (scheduler.production.min.js:18:343)
cs @ react-dom.production.min.js:216
module.js:62 Uncaught TypeError: Cannot read properties of undefined (reading 'deals')
    at tu (Deals.js:106:20)
    at oo (react-dom.production.min.js:157:137)
    at Qo (react-dom.production.min.js:180:154)
    at Hs (react-dom.production.min.js:269:343)
    at Ol (react-dom.production.min.js:250:347)
    at Dl (react-dom.production.min.js:250:278)
    at Cl (react-dom.production.min.js:250:138)
    at bl (react-dom.production.min.js:243:163)
    at react-dom.production.min.js:123:115
    at t.unstable_runWithPriority (scheduler.production.min.js:18:343)

Repo Steps

1. Go to boost web UI
2. Have a lot of deals in boost (i have ~28,000)
3. Set pagination to 100pp
4. Keep pressing > at the bottom of the page until you get a blank white screen