Help using tether with charm-sync

src/shared/messaging.ts:5:26 - error TS @flamework/core: Unknown type '["object", ["__none", ["literal", "__none"[], -1]][]] | ["object", (["id", ["optional", ["u8"]]] | ["level", ["optional", ["u8"]]] | ["owner", ["optional", ["blob"]]])[]]' encountered

5 export const messaging = MessageEmitter.create<MessageData>();
                           ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

src/shared/messaging.ts:5:26 - error TS @flamework/core: Unknown type '["object", ["__none", ["literal", "__none"[], -1]][]] | ["object", (["id", ["optional", ["u8"]]] | ["level", ["optional", ["u8"]]] | ["owner", ["optional", ["blob"]]])[]]' encountered

5 export const messaging = MessageEmitter.create<MessageData>();
                           ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

import { MessageEmitter, MiddlewareContext } from "@rbxts/tether";
import { SyncPayload } from "@rbxts/charm-sync";
import { GlobalAtoms } from "./state/atoms";

export const messaging = MessageEmitter.create<MessageData>();
messaging.middleware
    .useShared(Message.PlaceObject, (ctx: MiddlewareContext<MessageData[Message.PlaceObject]>) => {
        const buf = ctx.getRawData().buf;
        if (!buf) return;
        print("Packed object size:", buffer.len(buf));
    })
    .useShared(Message.PlaceObjectReturn, (ctx: MiddlewareContext<MessageData[Message.PlaceObjectReturn]>) => {
        const buf = ctx.getRawData().buf;
        if (!buf) return;
        print("Packed object size:", buffer.len(buf));
    });

export const enum Message {
    PlaceObject,
    PlaceObjectReturn,
    UpdateMapState,
    InitClientState,
}

export interface MessageData {
    [Message.PlaceObject]: {
        frame: CFrame;
        path: string;
        id: number;
    };
    [Message.PlaceObjectReturn]: boolean;
    [Message.UpdateMapState]: SyncPayload<GlobalAtoms>;
    [Message.InitClientState]: SyncPayload<GlobalAtoms>;
}

import { MessageEmitter, MiddlewareContext } from "@rbxts/tether";
import { SyncPayload } from "@rbxts/charm-sync";
import { GlobalAtoms } from "./state/atoms";

export const messaging = MessageEmitter.create<MessageData>();
messaging.middleware
    .useShared(Message.PlaceObject, (ctx: MiddlewareContext<MessageData[Message.PlaceObject]>) => {
        const buf = ctx.getRawData().buf;
        if (!buf) return;
        print("Packed object size:", buffer.len(buf));
    })
    .useShared(Message.PlaceObjectReturn, (ctx: MiddlewareContext<MessageData[Message.PlaceObjectReturn]>) => {
        const buf = ctx.getRawData().buf;
        if (!buf) return;
        print("Packed object size:", buffer.len(buf));
    });

export const enum Message {
    PlaceObject,
    PlaceObjectReturn,
    UpdateMapState,
    InitClientState,
}

export interface MessageData {
    [Message.PlaceObject]: {
        frame: CFrame;
        path: string;
        id: number;
    };
    [Message.PlaceObjectReturn]: boolean;
    [Message.UpdateMapState]: SyncPayload<GlobalAtoms>;
    [Message.InitClientState]: SyncPayload<GlobalAtoms>;
}