Stuck on an issue?

In my app I sometimes have links from a route to the same route, but with different pathname. Those are forum Thread pages: one thread could link to another thread. In some previous versions renderArgs.elements seemed to be always present, so my workaround of doing:

renderArgs.elements[renderArgs.elements.length - 1] = 
  React.cloneElement(renderArgs.elements[renderArgs.elements.length - 1], {
    key: renderArgs.location.pathname
  })

seemed to work. It doesn’t seem to work anymore, because when navigating from a thread to another thread renderArgs.elements seems to be undefined. Could it be the case? If yes, perhaps could you propose any potential workaround for this case? My current workaround is creating a wrapper over Thread page component that would set a key on the wrapped Thread page — seems to work.

export default function ThreadPageWrapper() {
  const board = useSelector(({ chan }) => chan.board)
  const thread = useSelector(({ chan }) => chan.thread)
  return <ThreadPage key={`${board.id}/${thread.id}`}/>
}

ThreadPageWrapper.meta = ThreadPage.meta
ThreadPageWrapper.load = ThreadPage.load