fix: reorder render to fix project error -- Rendered fewer hooks tha… (#7073)

Author: jdolle

packages/web/app/src/pages/organization.tsx

@@ -348,10 +348,6 @@ function OrganizationPageContent(
       });
   }, [projectsConnection, props.search, sortKey, sortOrder]);
 
-  if (query.error) {
-    return <QueryError organizationSlug={props.organizationSlug} error={query.error} />;
-  }
-
   const onSearchChange = useCallback(
     (event: ChangeEvent<HTMLInputElement>) => {
       void router.navigate({
@@ -392,6 +388,10 @@ function OrganizationPageContent(
     });
   }, [router, props.sortOrder]);
 
+  if (query.error) {
+    return <QueryError organizationSlug={props.organizationSlug} error={query.error} />;
+  }
+
   return (
     <OrganizationLayout
       page={Page.Overview}

packages/web/app/src/pages/project.tsx

@@ -304,16 +304,6 @@ const ProjectsPageContent = (
     return 100;
   }, [targetConnection?.edges]);
 
-  if (query.error) {
-    return (
-      <QueryError
-        organizationSlug={props.organizationSlug}
-        error={query.error}
-        showLogoutButton={false}
-      />
-    );
-  }
-
   const onSearchChange = useCallback(
     (event: ChangeEvent<HTMLInputElement>) => {
       void router.navigate({
@@ -354,6 +344,16 @@ const ProjectsPageContent = (
     });
   }, [router, props.sortOrder]);
 
+  if (query.error) {
+    return (
+      <QueryError
+        organizationSlug={props.organizationSlug}
+        error={query.error}
+        showLogoutButton={false}
+      />
+    );
+  }
+
   return (
     <div className="grow">
       <div className="flex flex-row items-center justify-between py-6">