TodoListEnvelopeView Ref Forwarding Component

TodoListEnvelopeView.tsx

import { MessageBusClientApi } from "@kogito-tooling/envelope-bus/dist/api";
import { useState } from "react";
import { Item, TodoListChannelApi } from "../api";

export interface TodoListEnvelopeViewApi {
  setUser(user: string): void;
  addItem(item: string): void;
  getItems(): Item[];
  markAllAsCompleted(): void;
}

interface Props {
  channelApi: MessageBusClientApi<TodoListChannelApi>;
}

export const TodoListEnvelopeView = React.forwardRef<TodoListEnvelopeViewApi, Props>((props, forwardedRef) => {
  const [user, setUser] = useState<string | undefined>();
  const [items, setItems] = useState<Item[]>([]);
  
  // ...
});