diff --git a/src/builder/Editor.tsx b/src/builder/Editor.tsx
index 1fff602..5970a0c 100644
--- a/src/builder/Editor.tsx
+++ b/src/builder/Editor.tsx
@@ -115,10 +115,15 @@ const useEditor = () => {
   const [editorQuery, setEditorQuery] = useState("");
   const [parsedQuery, setParsedQuery] = useState<DocumentNode | null>(null);
 
+  const trimComment = (query: string) => {
+    return query.replace(/#.*\n/g, "").trim();
+  }
+
   const updatePreview = useMemo(
     () =>
       R.debounce(
         (query: string) => {
+          query = trimComment(query);
           setEditorQuery(query);
 
           try {