From 0 to production tutorial help with uploadthing implementation - UploadButton stuck on loading
So I am following Theo's guide to learn nextjs and react a bit, coming from sveltekit, but I am having an issue where the UploadButton component from uploadthing is stuck on loading instead of showing 'choose file' like in theo's video.
The button is imported from ~/utils/uploadthing where I have the import code for it and it's not showing me any errors in VScode, but on the server I get this error which I assume is the issue
"Warning: Only plain objects can be passed to Client Components from Server Components. URL objects are not supported.
<... endpoint=... url={URL}>"
I passed imageUploader as an endpoint like in the tutorial <UploadButton endpoint="imageUploader" /> and in the uploadthing docs, so I am not sure what I am doing wrong, any help would be appreciated and if more info is needed just let me know.
The button is imported from ~/utils/uploadthing where I have the import code for it and it's not showing me any errors in VScode, but on the server I get this error which I assume is the issue
"Warning: Only plain objects can be passed to Client Components from Server Components. URL objects are not supported.
<... endpoint=... url={URL}>"
I passed imageUploader as an endpoint like in the tutorial <UploadButton endpoint="imageUploader" /> and in the uploadthing docs, so I am not sure what I am doing wrong, any help would be appreciated and if more info is needed just let me know.
