UI crashes after login due to deprecated innerRef prop in React 19 #5311
Description
Describe the bug
After logging in, the UI crashes with the following React error:
This occurs because the codebase uses the deprecated innerRef prop (from older styled-components/react-router patterns) in the Link, SubRouterTabs and Nav components
With the current dependencies (React 19, styled-components 6, react-router 7), the innerRef prop should be replaced with the standard ref prop using React.forwardRef
Environment
- Weave-Gitops Version: main-160cb9aa0
- Flux Version v2.5.1
- Kubernetes version v1.29.2
To Reproduce
Steps to reproduce the behavior:
- Start the UI server
- Complete the login flow
- See the React error crash screen a bit after login
Expected behavior
After login, the user should be redirected to the dashboard without any errors