Getting "undefined: undefined" when using enums

I have a type-graphql class like this

import { registerEnumType } from 'type-graphql';

enum Color {
	black = 'black',
	white = 'white',
	gray = 'gray',
	orange = 'orange',
	purple = 'purple',
	red = 'red',
	yellow = 'yellow',
	green = 'green',
	blue = 'blue',
}

registerEnumType(Color, {
	name: 'Color', // this one is mandatory
	description: 'Various Colors', // this one is optional
});

@ObjectType()
class Grid {
        // ...
	@Field(() => [[Color]], { nullable: 'items' })
	colors?: (Color | null)[][];
        // ...
}

@Resolver(Sudoku)
export class GridResolver {
    @Query(() => [Grid])
    getGrids(): Grid[] {
    // return array of grids from db
    }
}

And I can successfully query it with the graphIQL playground. However when I query it with houdini like this

<script lang="ts">
    import { query, graphql, GetGrids } from '$houdini';

    const { data } = query<GetGrids>(graphql`
		query GetGrids {
			getGrids {
				colors
			}
		}
	`);
    console.log("data", $data);
</script>

I get

data {
    getGrids: [
        // ...
        { undefined: undefined }, // should be colors: ["green", ...]
        // ...
    ]
}

instead of the colors.

Am I doing something wrong?

[SorenHolstHansen]

Thanks man!

[AlecAivazis]

This should be fixed in 0.10.7