Rename internal hook in withRouterHooks with use prepend

Author: MajorLift

ui/helpers/higher-order-components/with-router-hooks/with-router-hooks.tsx

@@ -15,7 +15,7 @@ export type RouterHooksProps = {
 function withRouterHooks<Props extends object>(
   WrappedComponent: React.ComponentType<Props & RouterHooksProps>,
 ): React.ComponentType<Props> {
-  const ComponentWithRouterHooks = (props: Props) => {
+  const useComponentWithRouterHooks = (props: Props) => {
     const navigate = useNavigate();
     const location = useLocation();
     const params = useParams();
@@ -31,11 +31,11 @@ function withRouterHooks<Props extends object>(
   };
 
   // Preserve component name for debugging
-  ComponentWithRouterHooks.displayName = `withRouterHooks(${
+  useComponentWithRouterHooks.displayName = `withRouterHooks(${
     WrappedComponent.displayName || WrappedComponent.name || 'Component'
   })`;
 
-  return ComponentWithRouterHooks;
+  return useComponentWithRouterHooks;
 }
 
 export default withRouterHooks;