Hi @feral arrow. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
#nextjs
coral cliffBOT
Based on the information provided in the extracts, it seems like you're encountering an error related to updating a component (HotReload) while rendering a different component (Router). This is a common issue in React when you're trying to update the state of a component from within the render method of another component.
However, the code you've provided doesn't seem to be directly related to the issue you're describing. The code is for handling file uploads and doesn't show any interaction with the HotReload or Router components.
Unfortunately, without more context or a more specific question, it's hard to provide a more detailed solution. However, the error message suggests that you should follow the stack trace to locate the bad setState() call inside Router. You can find more information about this in the React documentation (https://reactjs.org/link/setstate-in-render).
If you're still having trouble, you might want to consider posting a more detailed question or seeking help on the Next.js GitHub issues page (https://github.com/vercel/next.js/issues).
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
Let me check the knowledge base for you. One moment! :books:
Based on the information provided in the extracts, it seems like you're encountering an error after uploading a file. However, the extracts don't provide specific details about the error you're encountering or the context in which it's happening.
The code you've provided is for a file upload handler in Next.js. If the error is happening after a file is uploaded, it could be related to how the response from the uploadPlanningItem function is being handled.
const handleUploadImage = async (file: File) => {
if (!file) {
return;
}
setIsLoading(true);
const response = await uploadPlanningItem({
file: file!,
session: session?.user,
});
}
If the uploadPlanningItem function is throwing an error or returning a response that isn't being handled correctly, that could cause an error to be thrown. You might want to add error handling to this function to catch any errors that occur during the file upload process.