tenemos un problema bastante molesto con reaccionar. Estamos tratando de mezclar una matriz excepto por un elemento en la carga de la página.

 const withoutSort = variants.filter((variant, index) => { if (variant.sorting >= 10) { return false; } return variant; }); const sorted = shuffleArray( variants.filter((variant, index) => { if (variant.sorting >= 10) { return variant; } return false; }) ); sortedVariants = sorted.concat(withoutSort);

 {sortedVariants.map((variant, i) => ( <Tile {...variant} key={variant.title + i} className={tileClasses + ' ' + tileStyle[currentSidebarState]} letter={variant.tileTitle} colorCode={variant.colorCode} textHighlightColor={variant.textHighlightColor} /> ))}

Todo funciona bien, a excepción de las imágenes en el mosaico, parecen aterrizar aleatoriamente en cualquier mosaico que no sea el correcto. Y esto solo sucede en producción después de la compilación.