[React] inputフォームで不明なWarningが出る

Question

#　わからない
Reactでinputフォームを使った際下記のようにコードを書くと不明なWarningが出ます。
これの意味が知りたいです。

コード

import React, { useState, useEffect, useContext } from 'react';
import { useHistory } from 'react-router-dom';
import { Link } from 'react-router-dom';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faSearch } from '@fortawesome/free-solid-svg-icons';
import Style from './Header.module.scss';
import { Store } from '../../store/';

const Header = () => {
    const [term, setTerm] = useState('');
    const history = useHistory();
    const { globalState, setGlobalState } = useContext(Store);
    const handleSubmit = e => {
        e.preventDefault();
        setGlobalState({ type: 'SET_TERM', payload: { term } });
        history.push(`search?query=${term}`);
    }
    useEffect(() => {
        setTerm(globalState.term);
        // eslint-disable-next-line react-hooks/exhaustive-deps
    }, []);

    return (
        <div className={ Style.header }>
            <div className={ Style.item }>
                <Link to="/">ReactTube</Link>
            </div>
            <div className={ Style.item }>
                <form onSubmit={ handleSubmit }>
                    <input
                        type="text" 
                        placeholder="検索"
                        onChange={ e => setTerm(e.target.value) }
                        value={ term }
                    />
                    <button type="submit">
                        <FontAwesomeIcon icon={faSearch} />
                    </button>
                </form>
            </div>
        </div>
    );
}

export default Header;

Warning

0.chunk.js:46488 Warning: A component is changing a controlled input to be uncontrolled. This is likely caused by the value changing from a defined to undefined, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://reactjs.org/link/controlled-components
    at input
    at form
    at div
    at div
    at Header (http://localhost:3000/static/js/main.chunk.js:437:81)
    at div
    at Layout (http://localhost:3000/static/js/main.chunk.js:724:3)
    at Top (http://localhost:3000/static/js/main.chunk.js:2278:63)
    at Route (http://localhost:3000/static/js/0.chunk.js:49165:29)
    at Switch (http://localhost:3000/static/js/0.chunk.js:49367:29)
    at Router (http://localhost:3000/static/js/0.chunk.js:48800:30)
    at BrowserRouter (http://localhost:3000/static/js/0.chunk.js:48420:35)
    at div
    at App
    at StoreProvider (http://localhost:3000/static/js/main.chunk.js:2750:3)

ちなみに以下を消すとWarningが消えましたが、こちらで解決してるのかどうかわからないので、かなり不安です。

<input
 type="text" 
 placeholder="検索"
 onChange={ e => setTerm(e.target.value) }
 // value={ term } // ここを消す
/>