Где я должен определить свой собственный тип в 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 или наоборот ... или где-то еще в зависимости от того, где я храню состояние приложения (массив задач)