image update not read by php, null data given, laravel inertia react

I have a CRUD system specifically for updates, I have tried to update the data and all the data is updated correctly except the images.

this is my controller code:

public function update_book(Request $request, $id)
    {
        // dd($request->all());
        
        $book = Book::find($id);

        $imageName = $request->file('image')->store('public/book');

        $book->update([
            'name' => $request->name,
            'date' => $request->date,
            'author' => $request->author,
            'stock' => $request->stock,
            'description' => $request->description,
            'image' => $imageName
        ]);

        $book->categories()->sync($request->categories);

        return redirect()->route('admin.books_panel')->with('success', 'Data Successfully Updated!');
    }

this is my react code:

    const [image, setImage] = useState<File | null>(null)
    const handleImageChange = (e: React.ChangeEvent<HTMLInputElement>) => {
        if (e.target.files && e.target.files[0]) {
          setImage(e.target.files[0])
        }
    }

    const updateBook = async (e: FormEvent<HTMLFormElement>) => {
        e.preventDefault()
        
        let cat: string[] = []
        selectedCategories.forEach(categoryId => {
            cat.push(categoryId)
        })
        
        Inertia.put(`/admin/books-panel/${book.id}`, {
            name: name,
            date: date,
            author: author,
            stock: stock,
            description: description,
            image: image as Blob,
            categories: cat.slice(1)
        })
    }

dd result:

array:7 [▼ // appHttpControllersAdminController.php:114
  "name" => "ddd"
  "date" => "2024-03-05"
  "author" => "ccc"
  "stock" => 1111
  "description" => "ccc"
  "image" => null
  "categories" => array:2 [▶]
]

some tutorial recommend me to use formData.append, i’ll already tried it and the result is 0% working