我应该在哪里在React Typescript中定义我的自定义类型

Question

导入类型的正确方法是什么？ 假设我有一个名为TodoList的组件，它是一个名为TodoItem的组件的列表 每个TodoItem是：

interface Props {
    todo: todo;
};

export const TodoItem: React.FC<Props> = (props) =>
    (
        <li>
            <input type="text" value={props.todo.text} />
            <input type="checkbox" checked={props.todo.done} />
        </li>
    )

而TodoList看起来像这样：

interface Props {
    todos: Array<todo>
}

export const TodoList: React.FC<Props> = (props) => {
    const todos = props.todos.map((todo: todo) =>
        <TodoItem todo={todo} />
    )
    return (
        <ul>{todos}</ul>
    );
}

问题是我是否应该声明类型todo：

export type todo = {
    text: string;
    done: boolean;
};

在TodoItem中并以TodoList或相反的方式导入它...或其他基于我存储应用状态（待办事项数组）的位置