Fix query params routing for tabs

package.json

@@ -115,8 +115,8 @@
     "react-dropzone": "^14.2.3",
     "react-hook-form": "^7.49.2",
     "react-query": "^3.34.0",
-    "react-router": "^7.0.1",
-    "react-router-dom": "^7.0.1",
+    "react-router": "7.0.1",
+    "react-router-dom": "7.0.1",
     "react-select": "4.3.1",
     "react-table": "^7.7.0",
     "react-test-renderer": "^18.3.1",

src/lib/components/tabsv2/Tabsv2.component.tsx

@@ -12,6 +12,7 @@ import {
   Routes,
   useLocation,
   useNavigate,
+  useRoutes,
 } from 'react-router';
 import styled from 'styled-components';
 import { ButtonIcon } from '../buttonv2/Buttonv2.component';
@@ -115,10 +116,10 @@ function Tabs({
     filteredTabsChildren.forEach((child, index) => {
       const isSelected =
         !!matchPath(
-          location.pathname,
-          child.props.path.startsWith('/')
+          (child.props.path.startsWith('/')
             ? child.props.path
-            : url + '/' + child.props.path,
+            : url + '/' + child.props.path) + '*',
+          location.pathname,
         ) && (child.props.query ? matchQuery(child.props.query) : true);
 
       if (isSelected) {
@@ -140,6 +141,7 @@ function Tabs({
     handleKeyDown,
     displayScroll,
   } = useScrollingTabs(selectedTabIndex);
+
   const tabItems = filteredTabsChildren.map((child, index) => {
     const {
       path,
@@ -225,6 +227,10 @@ function Tabs({
           {filteredTabsChildren.map((tab, index) => {
             const path = tab.props.path.split('/').pop();
 
+            if (tab.props.query && !matchQuery(tab.props.query)) {
+              return <></>;
+            }
+
             return (
               <Route
                 key={index}