title: How do i convert a functional component which uses default formik hooks to class component
body: <p>I have a functional component which works well but I want to convert it to Class component for some reasons, but I notice there is no tutorial online that says how I'm to deal with default formik hooks and multiple props.</p>
  <p>Here's the part of the code I'm finding hard to handle:</p>
  <pre><code>export default function BanksList({
    name,
    childToParentBC,
    bankResolve,
    ...otherProps
  }) {
    const [open, setOpen] = useState(false);
    const [value, setValue] = useState(null);
    const [listofBanks, setListOfBanks] = useState([]);
  
    const { setFieldTouched, setFieldValue, errors, touched, values } =
      useFormikContext();
  </code></pre>