Description of problem:
When there are too many migration plans created, and we try to see the migration details of a single plan, if the browser is refreshed and we try to see the migration resources, the UI crashes and becomes blank


Version-Release number of selected component (if applicable):
MTC 1.4.3
Browser: Chrome Version 89.0.4389.90 (Official Build) (64-bit)

How reproducible:
Always

Steps to Reproduce:
1. Create 10 or 20 migration plans, we don't need to execute them and they don't need to be in "Ready" status, they only need to be there.

2. In any migration plan, click on the "0" displayed in the "Migrations" column.

A new screen is displayed, it says "No migrations started" (if we didn't run the plans).

There is a section in the screen saying "Migration plan resources" that can be clicked.

3. Press F5 to refresh the browser

4. The "No migrations started" text will disappear for a long while (the more plans are created in step 1, the longer it will take to show the text). Click on "Migration plan resources" BEFORE the "No migrations started" message is shown.

Actual results:
The UI crashes and the screen goes blank. This error is shown in the browser's console:

TypeError: Cannot read property 'PlanStatus' of undefined
    at Object.t.getPlanStatusText (app.bundle.js:2)
    at t.default (app.bundle.js:2)
    at ci (app.bundle.js:2)
    at Br (app.bundle.js:2)
    at bs (app.bundle.js:2)
    at Ms (app.bundle.js:2)
    at Os (app.bundle.js:2)
    at hs (app.bundle.js:2)
    at app.bundle.js:2
    at t.unstable_runWithPriority (app.bundle.js:2)

Expected results:
The UI should not crash

Additional info: