Разрешение ошибок с графиком Recharts в NextJS, неправильный тип/NULL ⇐ Javascript

[Anonymous]

Я новичок в NextJS, и я испытываю множественные ошибки при попытке добавить график/диаграмму с использованием Recharts
Основная ошибка: ошибка: объекты не действительны в качестве ребенка React (найдено: объект с ключами {$$ typeof, type, key, props, _owner, _store}). Если вы хотели отобрать коллекцию детей, вместо этого используйте массив.

Код: Выделить всё

< /code>
Я также попытался добавить Barchart, используя этот код: < /p>




 `$${value}`} />

Приведенный выше код дает другую ошибку: typeError: ResolvedIspatcher () is null
Я попытался настроить код графа и данные, но ошибка остается независимо от изменений, которые я вносил
Это образцы данных, которые я попытался использовать с помощью линейного кодового кода
Это выборки, я попытался использовать с помощью линейного кода -клеота
.

Код: Выделить всё

const data = [
{ name: 'Original Price', price: 100 },
{ name: 'Reduced Price', price: 50 },
];

Код LineChart находится в пределах дел в основном в основном возврате

Подробнее здесь: https://stackoverflow.com/questions/796 ... -type-null