Possible to turn off localization?

When I receive data in gatsby-source-contentful the fields are normal…

{
  title: "Example"
}

But when I use rich-text, the fields are nested, like so…

{
  fields {
    title: {
      "en-US": "Example"
    }
  }
}

I have localization turned off, so why am I receiving localized data?

Is there any way to prevent this in rich-text?

[zolk]

This is now a feature in gatsby-source-contentful. You can pass in the following option and the locale nodes will no longer be present in rich text fields.

richText: {
  resolveFieldLocales: true
}

[vandelay87]

Yeah, having the option to turn off location would be ideal. It also wraps props in a ‘fields’ object which isn’t great when rendering components dynamically and spreading the props.

I had to go through the fields recursively and remove them. I could improve this so that instead of cloning the object and then reassigning function parameters it builds the clean fields dynamically, but I’m yet to get round to it.

For anyone looking for a quick solution:

First I destructure the props:

const { fields } = node.data.target;

Then I clean the object by passing the fields to the following function:

const cleanProperties = (dirtyObj) => {
    const cleanObj = JSON.parse(JSON.stringify(dirtyObj));
    const locale = 'en-GB';
  
    const deepObjectLoop = (obj) => {
      Object.keys(obj).forEach(key => {
        if (obj[key] && typeof obj[key][locale] !== 'undefined') {
          const localeValue = obj[key][locale];
  
          delete obj[key][locale];
          obj[key] = localeValue;
        }
  
        if (obj[key] && typeof obj[key].sys !== 'undefined' 
        && typeof obj[key].sys.id !== 'undefined') {
          const idValue = obj[key].sys.id;
  
          delete obj[key].sys;
          obj[key].id = idValue;
        }
  
        if (obj[key] && typeof obj[key].fields !== 'undefined') {
          const localeValue = obj[key].fields;
          const idValue = obj[key].id;
  
          delete obj[key].fields;
          obj[key] = localeValue;
  
          if (idValue !== 'undefined') {
            obj[key].id = idValue;
          }
        }
  
        if (typeof obj[key] === 'object') {
          deepObjectLoop(obj[key]);
        }
      });
    }

    deepObjectLoop(cleanObj);
    return cleanObj;
  }