ValidatedForm.jsx

import React, { useState, useCallback } from 'react';
import { Container, Form, Button } from 'react-bootstrap';

export default function ValidatedForm() {
  const [formData, setFormData] = useState({
    first: '',
    last: '',
    email: '',
    password: '',
    confirmPassword: '',
    type: '',
    bio: '',
  });

  ...  
  
  );
}