Problems Typescript and data accessor implicit domains

[jherman4]

When I try use automatically generated data with data accessors like in this example in typescript I get this error:

Type error: Property 'x' does not exist on type 'object'.

  91 |           samples={100}
  92 |           style={{ data: { strokeWidth: 1 } }}
> 93 |           y={(data) => Math.sin(data.x)}

I could not find a good way from victory to type this and ended up having to do all of this to make it work with typescript:

const sinX: DataGetterPropType = (d) => {
  let x = 0

  for (const [key, value] of Object.entries(d)) {
    if (key == 'x') {
      x = value
    }
  }
  return Math.sin( x)
}

and use sinX as the data accessor. This is obviously pretty inconvenient, is this on your radar? Is there a better way I missed? Should I make and issue from this?

Here is my full chart for reference:

 <VictoryChart
        theme={VictoryTheme.material}
        containerComponent={
          <VictoryVoronoiContainer
            labels={({ datum }) =>
              `${Math.round(100 * datum.x) / 100}, ${
                Math.round(100 * datum.y) / 100
              }`
            }
          />
        }
      >
        <VictoryAxis
          style={{
            tickLabels: {
              fontSize: 4,
            },
          }}
          tickLabelComponent={
            <VictoryLabel angle={-30} capHeight={0.2} textAnchor='middle' />
          }
        />
        <VictoryAxis
          dependentAxis
          style={{
            tickLabels: {
              fontSize: 5,
            },
          }}
          tickCount={10}
        />
        <VictoryLine
          samples={100}
          style={{ data: { strokeWidth: 1 } }}
          y={(data) => Math.sin(data.x)}
        />
      </VictoryChart>