useFetcher fetcher.data is always undefined or null | Remix | Page 1

high laurel Apr 25, 2024, 2:18 PM

#

I am able to post to the route properly with 200 status code, but when I tried to inspect the data it is undefined or null. I posted a discussion thread on Github with more information: https://github.com/remix-run/react-router/discussions/11499

GitHub

useFetcher data is always undefined · remix-run react-router · Disc...

I tried using the useActionData but it always gets undefined I tried searching for the problem and I see a closed discussion about this, that you must use const fetcher = useFetcher(); fetcher.data...

feral tulip Apr 25, 2024, 3:27 PM

#

I commented on your post.

high laurel Apr 25, 2024, 4:21 PM

#

will test out removing the <uploader.Form> and use uploader.submit instead, basically I'm trying to upload file included in a form. I use react-dropzone to facilitate the drag and drop or uploading of the file and use the contents of it.

#

looks like data is still null, it migt be the react-dropzone is incompatible with remix.

feral tulip Apr 25, 2024, 4:32 PM

#

https://www.jacobparis.com/content/remix-image-uploads

Jacob Paris

Upload images with pending UI

Upload images to a third-party service in the background, then display them as thumbnails before the form is submitted. Use drafts for cross-device persistence.

#

He uses react-dropzone

high laurel Apr 25, 2024, 4:34 PM

#

ahh right I saw that as well, let me see it again thanks for reminder

#useFetcher fetcher.data is always undefined or null