Reactでfailed prop typeというエラーを解消したいです。

実現したいこと

成果物として簡単なTodoリストを作成しています。リストに追加する機能を作ったのですが、以下のようなエラーが出てしまいます。解消する方法を教えてください。

Warning: Failed prop type: You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`.
    in input (created by Form)
    in Form (created by Todo)
    in div (created by Todo)
    in Todo (created by App)
    in App

以下はソースコードです。

import * as React from 'react';

import Btn from '../presentational/atoms/Btn';
import Form from '../presentational/atoms/Form';
import List from '../presentational/atoms/List';

interface IState {
    count: number;
    todos: Array;
    value: string;
}

export default class Todo extends React.Component<{}, IState> {

    constructor(props) {
        super(props);
        this.state = {
            count: 0,
            todos: [],
            value: ''
        }
    }

    addTodo = () => {
        const {todos, value } = this.state;
        this.setState({
            todos: [...todos, value]
        })
    }

    changeValue = (e) => {
        this.setState({
            value: e.target.value
        })
    }

    render() {
        return(
            <>
                <div className="l-flex">
                    <Form onInputFunction={this.changeValue} value={this.state.value} />
                    <Btn text="ADD!" onClickFunction={this.addTodo} />
                </div>
                <List todos={this.state.todos}/>
            </>
        );
    }
}

import * as React from 'react';

const Form = (props) => {
    return(
        <>
            <input type="text" onInput={props.onInputFunction} value={props.value} name="todo" className="form" />
        </>
    );
}

export default Form;