chore: remove occurrences of the rule of hooks to favour wrapping the components instead

Signed-off-by: blam <ben@blam.sh>
2021-11-18 10:17:15 +01:00
parent f50966e025
commit f029733d13
4 changed files with 65 additions and 53 deletions
@@ -56,17 +56,20 @@ const generatedColumns: TableColumn[] = [
    highlight: true,
    width: '200px',
    render: (row: Partial<WorkflowRun>) => {
-      // eslint-disable-next-line react-hooks/rules-of-hooks
-      const routeLink = useRouteRef(buildRouteRef);
-      return (
-        <Link
-          component={RouterLink}
-          data-testid="cell-source"
-          to={routeLink({ id: row.id! })}
-        >
-          {row.message}
-        </Link>
-      );
+      const LinkWrapper: React.FC<{}> = () => {
+        const routeLink = useRouteRef(buildRouteRef);
+        return (
+          <Link
+            component={RouterLink}
+            data-testid="cell-source"
+            to={routeLink({ id: row.id! })}
+          >
+            {row.message}
+          </Link>
+        );
+      };
+
+      return <LinkWrapper />;
    },
  },
  {