画像パスをファイルオブジェクトに変換したい

Question

やりたいことは、input type=fileで画像をアップロードした際に、
ファイルオブジェクトが取得できると思いますが、
それをinput type=fileを使用せずに、手動で画像パスを指定して作成できるようにしたいです
なぜ手動でファイルオブジェクトを取得したいのかというと、useStateにinput type=fileで選択した画像を渡すようにしているのですが、useStateの初期値にデフォルト画像のファイルオブジェクトを指定したいからです。
そして、そのファイルオブジェクトをバックエンド側にpostしたいと思っています。

試したこととしては下記のソースのdefaultImgFileで作成したつもりなのですが、うまくいかず
知っている方いましたら、ご教授いただきたいです。

import React, { useState } from 'react'
import Image from 'next/image'

const defaultImgFile = fetch('/images/icon_default_logo.svg')
  .then((res) => res.blob())
  .then((blob) => {
    console.log(blob);
  });
export const　Test = ()=>{
 const [imgFile, setImgFile] = useState<File>(new File([defaultImgFile], 'icon_default_logo.svg', {
    type: 'image/jpeg',
  }))
 ...etc

 return(
 //デフォルトIMGかinput type=fileでアップロードした画像のどちらかをラジオボタンで選択してpostするようにする
 )
}

Answer 1

<input type="file">へ値を指定するには、dataTransferを経由してFileListを作る、という手順を経由する必要があります（参考）。

valueに指定する形では回りませんので、refを取ってDOM操作で初期化する必要があります。