ValidatedForm.jsx

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

export default function ValidatedForm() {
  return (
    <Container>
      <h1>Sign up</h1>
      <Form>
        <Form.Group className="mb-3" controlId="first">
          <Form.Label>First name</Form.Label>
          <Form.Control
            type="text"
            name="first"
            placeholder="Enter your first name"
          />
        </Form.Group>

        <Form.Group className="mb-3" controlId="last">
          <Form.Label>Last name</Form.Label>
          <Form.Control
            type="text"
            name="last"
            placeholder="Enter your last name"
          />
        </Form.Group>

        <Button variant="primary" type="submit">
          Submit
        </Button>
      </Form>
    </Container>
  );
}