Undefined Tooltip values and setting domain on Y axis flattens the chart?

[elliebanks]

I have seen other posts about undefined tooltip values, but based on the docs it seems that line charts are able to take 'datum'..yet nothing has worked for me. I'm not sure how to get my tooltip values to work. I am also having an issue with the Y axis ticks. I want the chart to always read between 0 - 100 % on the Y axis, but it will only show the values that are being passed through the data. Whenever I try to use domain for y it flattens my whole chart and defining the tick values doesn't work either. I'm not sure how to work around this.

I'm sorry for the messy code. I cannot get it to format properly for some reason ?! The container component is also in a VictoryVoronoiContainer, I'm not sure why it's leaving it blank when I post

const data = React.useMemo(() => { return orderOfItems?.map((claim, i) => ({ Claim: claim.split(" ").join("\n"), Reach: ( incrementalReachSummary[claim]?.Summary_Metrics.Reach * 100 ).toFixed(1), })); }, [orderOfItems, incrementalReachSummary]);

` <VictoryChart
domainPadding={6}
// domain={{ y: [0, 100] }}
padding={{ left: 90, top: 40, bottom: 150, right: 90 }}
containerComponent={ }
>

  {/* reach/left axis */}
  <VictoryAxis
    dependentAxis
    tickValues={[0, 20, 40, 60, 80, 100]}
    // width={400}
    // height={400}
    tickFormat={(t) => `${t}%`}
    height={20}
    style={{
      grid: { stroke: "rgba(0,0,0,.03)" },
      axisLabel: { fontSize: 18, padding: 30, fill: "#ccc" },
      axis: { stroke: "#ccc" },
      ticks: { stroke: "#ccc", size: 5 },
      tickLabels: { fontSize: 6, padding: 5, fill: "#999" },
    }}
  />

  {/* bottom axis */}
  <VictoryAxis
    style={{
      grid: { stroke: "rgba(0,0,0,.03)" },
      axisLabel: { fontSize: 18, padding: 30, fill: "#ccc" },
      axis: { stroke: "#ccc" },
      ticks: { stroke: "#ccc", size: 5 },
      tickLabels: { fontSize: 4, padding: 5, fill: "#999" },
    }}
  />
  <VictoryLine
    data={data}
    y={"Reach"}
    x={"Claim"}
    // tickFormat={(x) => (x.length > 50 ? `${x?.substring(0, 80)}...` : x)}
    labels={({ datum }) => `x: ${datum.x}, y: ${datum.y}`}
    style={{
      data: { stroke: "#63B3ED" },
      parent: { border: "1px solid #ccc" },
    }}
    labelComponent={<VictoryTooltip dy={0} centerOffset={{ x: 25 }} />}
  />
</VictoryChart>`

Undefined Values:

When I try to use the domain on the Y axis: