[BUG] Query Details page crash when refreshing

[ansjcy]

What is the bug?

On query details page, a simply refresh will make it crash.

How can one reproduce the bug?

• Enable top queries by latency on the UI
• Make search requests to the cluster
• When top queries pops up on the UI, click one of the queries and enter the details page
• Do a refresh, the page will crash with the below error

  QueryDetails.tsx:34 Uncaught TypeError: Cannot read properties of undefined (reading 'timestamp')
  at QueryDetails (QueryDetails.tsx:34:1)
  at renderWithHooks (react-dom.development.js:14803:1)
  at mountIndeterminateComponent (react-dom.development.js:17482:1)
  at beginWork (react-dom.development.js:18596:1)
  at HTMLUnknownElement.callCallback (react-dom.development.js:188:1)
  at Object.invokeGuardedCallbackDev (react-dom.development.js:237:1)
  at invokeGuardedCallback (react-dom.development.js:292:1)
  at beginWork$1 (react-dom.development.js:23203:1)
  at performUnitOfWork (react-dom.development.js:22157:1)
  at workLoopSync (react-dom.development.js:22130:1)

What is the expected behavior?

The page should not crash with Query details correctly displayed.

What is your host/environment?

macos

Do you have any screenshots?

[ansjcy]

This looks like a bug in navigation. Need to pick this up for 2.18.