Error on dynamic data addition in class component--× TypeError: this.state.fields.map is not a function

Question

import React, {useState} from \'react\';
import \'./App.css\';

function App() {
const [fields, setFields] = useState([{ value: null }]);
 function handleChange(i, e