Alphabetical ordering of keys that can contain each other breaks i18next

[briandipalma]

🐛 Bug Report

This resource file blows up i18next:

{
  "currency-search.placeholder": "Seleccione el Par de Divisa",
  "currency-search.placeholder.short": "Par de Divisas"
}

With this stack trace:

i18next.js:229 Uncaught TypeError: Cannot set properties of undefined (setting 'undefined')
    at setPath (i18next.js:229:10)
    at ResourceStore.addResource (i18next.js:419:7)
    at ResourceStore.addResources (i18next.js:429:122)
    at _this2.<computed> [as addResources] (i18next.js:2161:50)

Specifically this code:

function setPath(object, path, newValue) {
  var _getLastOfPath = getLastOfPath(object, path, Object),
    obj = _getLastOfPath.obj,
    k = _getLastOfPath.k;
  obj[k] = newValue; // <-- THIS LINE HERE
}

You can see the state of the code when it blows up:

So basically because the first key is a subkey of the next key to be added getLastOfPath returns an empty object because the subkey has already set the value of its path to a string so canNotTraverseDeeper short-circuits the tree creation.

[adrai]

Which i18next version did you use?
Can you reproduce it with v23.7.20 and with v23.8.1?

if it works with v23.7.20 I assume this PR introduced a regression //cc: @hsource

[adrai]

Ok, I think that is not related to that PR

[adrai]

please try with v23.8.2