onMouseOver on cells

[bengraves-five]

Hi!

I am using this library for a project, I'm trying to add an onMouseOver event listener to cells.

I tried adding it to the cellRender prop as below however it does not seem to be firing?

<HeatMapGrid
    data={data}
    xLabels={xLabels}
    yLabels={yLabels}
    cellRender={(x, y, value) => (
    <div
        onMouseOver={() => {
            console.log(`Hover(${x}, ${y})`)
        }}
        title={`Pos(${x}, ${y}) = ${value}`}
    ></div>
    )}
/>

Are you able to give me some guidance on how I can get this to work?

Thanks!

[arunghosh]

@bengraves-five Thank you sharing the issue.
Sorry for the delay. Will check into this issue soon.

[coldwolverine]

I was able to solve this issue by adding some arbitrary text inside the <div> tag.

<HeatMapGrid
    data={data}
    xLabels={xLabels}
    yLabels={yLabels}
    cellRender={(x, y, value) => (
    <div
        onMouseOver={() => {
            console.log(`Hover(${x}, ${y})`)
        }}
        title={`Pos(${x}, ${y}) = ${value}`}
    >
      &nbsp;
    </div>
    )}
/>