diff --git a/ui/src/shared/utils/renderQuery.ts b/ui/src/shared/utils/renderQuery.ts
index 7aafbe0f35..f65e0fc6fc 100644
--- a/ui/src/shared/utils/renderQuery.ts
+++ b/ui/src/shared/utils/renderQuery.ts
@@ -46,9 +46,11 @@ async function extractImports(
   query: string
 ): Promise<{imports: string; body: string}> {
   const ast = await getAST(query)
-  const {imports = [], body = []} = ast.files[0]
-  const importStatements = imports.map(i => i.location.source).join('\n')
-  const bodyStatements = body.map(b => b.location.source).join('\n')
+  const {imports, body} = ast.files[0]
+  const importStatements = (imports || [])
+    .map(i => i.location.source)
+    .join('\n')
+  const bodyStatements = (body || []).map(b => b.location.source).join('\n')
   return {imports: importStatements, body: bodyStatements}
 }