Анаграмма реагирует на ожидаемый результат ⇐ CSS

[Anonymous]

Я новичок в том, чтобы реагировать. Я учусь, кодируя задачу анаграммы.
Я пытаюсь отобразить приведенный ниже результат в браузере.
[['silent', 'listen'], ['test'] , ['another' ]]
но я вижу такой результат. ---> [ "s", "i", "l", "e", "n", "t" ]
можете ли вы сообщить мне, как отобразить ожидаемый результат.
предоставив песочница и код ниже
import "./styles.css";
import React, { useState, useEffect } from "react";

export default function App() {
const [words, setWords] = ["silent", "listen", "test", "another"];
const [groupedAnangrams, setGroupedAnangrams] = useState([]);

useEffect(() => {
const groupAnangrams = (words) => {
const anangramGroups = {};
const result = [];
for (const word of words) {
const sortedWord = word.split("").sort().join("");

if (anangramGroups[sortedWord]) {
anangramGroups[sortedWord].push(word);
} else {
anangramGroups[sortedWord] = word;
}
}
for (const group in anangramGroups) {
result.push(anangramGroups[group]);
}

return result;
};

const grouped = groupAnangrams(words);
setGroupedAnangrams(grouped);
}, [words]);
return (

Hello CodeSandbox
{JSON.stringify(groupedAnangrams, null, 2)}

);
}


Подробнее здесь: https://stackoverflow.com/questions/790 ... ted-output