Estoy tratando de integrar los gráficos Victory en mi aplicación RoR usando Shakapacker y la gema React On Rails.
Tengo el ejemplo de hola mundo funcionando, pero cuando uso el código de Victory, aparece el siguiente error:
import PropTypes from 'prop-types'; import React, { useState } from 'react'; import style from './HelloWorld.module.css'; import { VictoryBar, VictoryChart, VictoryAxis, VictoryTheme, VictoryStack } from 'victory'; const HelloWorld = (props) => { const v_data = [ {quarter: 1, earnings: 13000}, {quarter: 2, earnings: 16500}, {quarter: 3, earnings: 14250}, {quarter: 4, earnings: 19000} ]; return ( <><div> <h1>Victory Tutorial {props.data}</h1> <VictoryChart domainPadding={10} theme={VictoryTheme.material} > <VictoryAxis tickValues={["Quarter 1", "Quarter 2", "Quarter 3", "Quarter 4"]} /> <VictoryAxis dependentAxis tickFormat={(x) => (`$${x / 1000}k`)} /> <VictoryStack colorScale={"warm"} > <VictoryBar data={v_data} x={"quarter"} y={"earnings"} /> </VictoryStack> </VictoryChart> </div></> ); }; export default HelloWorld;Error:
Uncaught Error: Objects are not valid as a React child (found: object with keys {label, value}). If you meant to render a collection of children, use an array instead.¿Parece que el error tiene que ver con pasar objetos como un "niño reactivo"? Pero esa es la sintaxis esperada de los documentos.
https://formidable.com/open-source/victory/docs/
¿Qué estoy haciendo mal? Por favor ayuda. Ya he pasado docenas de horas en esto.