I working on intergrating a react app with the zendesk api for creating support tickets. Till now i have completed the form flow, but when i making the request to the zendesk api i am getting 401. I am using the api_key approach for this. I am fairly new to zendesk, if anyone can help me regarding that. Here is my code after user clicks submit.

const onSubmit = async () => {
    try {
      console.log('setInfo', info)
      const data = { request: { subject: 'test', comment: { body: 'testdesc' } } }

      const user = 'test@test.com'
      const api_token = 'some_api_key'
      const url = 'https://url.zendesk.com/api/v2/tickets.json'    

      const response = await fetch(url, {
        method: 'POST', // *GET, POST, PUT, DELETE, etc.
        mode: 'no-cors',
        headers: {
          'Content-Type': 'application/json',
          Authorization: api_token,

          // 'Content-Type': 'application/x-www-form-urlencoded',
        },
        body: JSON.stringify(data), // body data type must match "Content-Type" header
      })

      console.log('respone', response)
    } catch (error) {
      console.log('respone error', error)
    }
  }