Reactでフォームに入力した値を確認ページで表示させること

実装したいこと

ReactとTypeScriptでお問い合わせフォームを実装しています。
お問い合わせフォームに入力された内容を確認ボタンを押下し、問い合わせ確認画面で入力した内容が表示されるようにしたいです。

現状、フォームに入力されたデータは
setFormData関数によって値が更新されています。
更新されたデータをpropsとして受け渡しContactConfirm.tsxで表示させるには
どのような記述が適切でしょうか。

typescript
// Components > ContactNew.tsx

import React, { useState } from 'react';
import { Link } from 'react-router-dom';

function ContactNew(props: any) {
  function handleContactNew() {
    // 略
  }

  const FormData = props

  type FormData = {
    nickname :string,
    email: string,
    content: string,
  }

  const [ formData, setFormData ] = useState<FormData>({
    name: '',
    email: '',
    content: '',
  });

  const onChangeHandler = (e: React.ChangeEvent<HTMLInputElement>) => {
    e.persist();
    const { name, value } = e.target
    setFormData({ ...formData, [name]: value })
  }

  return (
      <>
        <PageTitle>お問い合わせ</PageTitle>

        <PageSubTitle>名前</PageSubTitle>
        <input name="nickname" type="text"  onChange={onChangeHandler} value={formData.nickname} />

        <PageSubTitle>Eメール</PageSubTitle>
        <input name="email" type="text" onChange={onChangeHandler} value={formData.email} />

        <PageSubTitle>お問い合わせ内容</PageSubTitle>
        <textarea name="content" onChange={onChangeHandler} value={formData.content} />

        <Link to={pathname} >
          <FormSubmit onClick={handleContactNew}>
            確認へ
          </FormSubmit>
        </Link>
  　</>
  )
}

export default ContactNew;

typescript
// Components > ContactConfirm.tsx

import React, { useEffect, useState } from 'react';
import { Link } from 'react-router-dom';
import ContactNew from '../ContactNew';

const ContactConfirm = () => {
  function handleContactSend() {
    // APIにPOSTする処理
  }

  return (
      <>
        <PageTitle>お問い合わせ確認</PageTitle>

        <PageSubTitle>名前</PageSubTitle>
          // ここにフォームの入力内容を表示する
        <PageSubTitle>Eメール</PageSubTitle>
          // ここにフォームの入力内容を表示する
        <PageSubTitle>お問い合わせ内容</PageSubTitle>
          // ここにフォームの入力内容を表示する
        <Submit onClick={handleContactSend}>
          送信
        </FormSubmit>
     </>
  )
};

export default ContactConfirm;