Página agregadora do formulário e do footer

Delivery.tsx

import React, { RefObject, useEffect, useState } from 'react';

import { FormHandles } from '@unform/core';
import Layout from '../../components/Layout';
import ProgressBar from '../../components/ProgressBar';
import DeliveryForm from '../../components/Forms/DeliveryForm';
import Footer from '../../components/Footer';

import { useStepForm } from '../../hooks/StepForm';
import { Steps } from '../../hooks/types';

const Delivery: React.FC = () => {
  const { setStep } = useStepForm();
  const [form, setForm] = useState<RefObject<FormHandles>>();

  useEffect(() => {
    if (setStep) {
      setStep(Steps.delivery);
    }
  }, [setStep]);

  return (
    <>
      <Layout>
        <ProgressBar />
        <DeliveryForm setFormRef={setForm} />
      </Layout>
      <Footer form={form} />
    </>
  );
};

export default Delivery;