Simple function to process DRF errors in JS

processServerError.js

function processServerError(error, fields) {
  const fieldErrors = {};
  let otherErrors = [];
  if (typeof error === 'object') {
    for (const field of fields) {
      const value = error[field];
      if (value) {
        if (value.constructor === {}.constructor) {
          Object.keys(value).forEach(key => {
            fieldErrors[`${field}.${key}`] = value[key];
          });
        } else {
          fieldErrors[field] = error[field];
        }
        delete error[field];
      }
    }
    if (Object.keys(error).length > 0) {
      Object.keys(error).forEach(item => {
        if (item === 'detail') {
          otherErrors.push(error[item]);
        } else {
          otherErrors.push(`${item}: ${error[item]}`);
        }
      });
    }
  } else {
    otherErrors = [error];
  }
  if (Object.keys(fieldErrors).length === 0 && otherErrors.length === 0) {
    otherErrors.push('An unknown error occurred. Please try again.');
  }
  return {
    fields: fieldErrors,
    other: otherErrors,
  };
}