fix: fix query page error if we have functional fields

Signed-off-by: ryjiang <jiangruiyi@gmail.com>

client/src/pages/databases/Databases.tsx

@@ -226,7 +226,9 @@ const Databases = () => {
       // if query state not found, and the schema is ready, create new query state
       if (!query && c.schema) {
         setQueryState(prevState => {
-          const fields = [...c.schema.fields, ...c.schema.dynamicFields];
+          const fields = [...c.schema.fields, ...c.schema.dynamicFields].filter(
+            f => !f.is_function_output
+          );
           return [
             ...prevState,
             {

client/src/pages/databases/collections/data/CollectionData.tsx

@@ -451,17 +451,15 @@ const CollectionData = (props: CollectionDataProps) => {
             <div className="right">
               <CustomMultiSelector
                 className={classes.outputs}
-                options={queryState.fields
-                  .filter(f => !f.is_function_output)
-                  .map(f => {
-                    return {
-                      label:
-                        f.name === DYNAMIC_FIELD
-                          ? searchTrans('dynamicFields')
-                          : f.name,
-                      value: f.name,
-                    };
-                  })}
+                options={queryState.fields.map(f => {
+                  return {
+                    label:
+                      f.name === DYNAMIC_FIELD
+                        ? searchTrans('dynamicFields')
+                        : f.name,
+                    value: f.name,
+                  };
+                })}
                 values={queryState.outputFields}
                 renderValue={selected => (
                   <span>{`${(selected as string[]).length} ${