fix: hooks called conditionally

Author: GalvinGao

src/components/viewer/OperationViewer.tsx

@@ -121,6 +121,11 @@ export const OperationViewer: ComponentType<{
 
     const [auth] = useAtom(authAtom)
 
+    const operationDoc = useMemo(
+      () => toCopilotOperation(operation!),
+      [operation],
+    )
+
     // make eslint happy: we got Suspense out there
     if (!operation) return null
 
@@ -130,11 +135,6 @@ export const OperationViewer: ComponentType<{
       )
     }
 
-    const operationDoc = useMemo(
-      () => toCopilotOperation(operation),
-      [operation],
-    )
-
     const handleCopyShortCode = () => {
       const shortCode = toShortCode(operation.id)
       navigator.clipboard.writeText(shortCode)