Reactjs – Issue with POST request to API – Error 500 and Unrecognized Token

I’m encountering an issue when sending a POST request to an API in my React application. When attempting to save a checklist, I receive a 500 server error, and in the console, I get the following error message:enter image description here

I’m using fetch to make the request, and I’ve also tried with the axios library, but the problem persists.

Here is the code for my request:

const accessToken = '29283b3ef76dcce0b65c77cf41f6cb86400920f2';
const baseURL = 'https://greenvelvet.alwaysdata.net/pfc';

const handleSaveChecklist = async () => {
  // ... (other parts of the code)
  
  try {
    const response = await fetch(`${baseURL}/checklist/add`, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
        Authorization: `Bearer ${accessToken}`,
      },
      body: JSON.stringify(checklistData),
    });

    const data = await response.json();
    console.log('Server response:', data);
    setCreateMessage(`Checklist "${checklistData.title}" created.`);
  } catch (error) {
    console.error('Error saving the checklist:', error);
    setCreateMessage(`Failed to create checklist. Error: ${error.message || 'Unknown error'}`);
  }
};

Additionally, I’ve verified that my token is correct, but I still receive the following server error in the JSON response: {"error":"Token is not unknown"}

Do you have any suggestions on how to resolve this issue? Thanks in advance for your help!