Recursive type with discriminated union

[tomaszferens]

Hey 👋

How to transform this recursive discriminated union to zod?

interface TextInput {
  type: 'text-input';
}

interface Group {
  type: 'group';
  components: AppComponent[];
}

type AppComponent = TextInput | Group;

what would the zod version look like?

My attempt:

import { z } from 'zod';

const TextInputSchema = z.object({
    type: z.literal('text-input'),
});

const GroupSchema = z.object({
    type: z.literal('group'),
    components: z.array(ComponentSchema),
});

const ComponentSchema = z.discriminatedUnion('type', [TextInputSchema, GroupSchema]);

but that doesn't work due to the error that [...] type is referenced directly or indirectly in its own initializer.