Label(Tooltip) Not working on Linear Chart

I made a linear chart with the following props

<StyledContainer style={props ? { ...props } : {}}>
     <ResponsiveLine
       colors={{ datum: 'color' }}
       data={data}
       margin={{ top: 12, right: 48, bottom: 40, left: 60 }}
       xScale={{ type: 'point' }}
       yScale={{
         type: 'linear',
         min: 0,
       }}
       axisLeft={{
         legendPosition: 'start',
         renderTick: props => {
           const transformProperty = `translate(${props.x},${props.y})`;
           if (props.tickIndex % 2 === 0) {
             return (
               <g transform={transformProperty}>
                 <line x1='0' x2='-5' y1='0' y2='0' style={{ stroke: 'rgb(119, 119, 119)', strokeWidth: 1 }}></line>
                 <text dominantBaseline='central' textAnchor='end' transform='translate(-10,0)' fontSize={11}>
                   {props.value}
                 </text>
               </g>
             );
           }
           return <></>;
         },
       }}
       axisBottom={{
         renderTick: () => <></>,
       }}
       curve='monotoneX'
       pointBorderColor={theme.colors.primary}
       pointBorderWidth={2}
       useMesh
       animate
       enableGridX={false}
       isInteractive
     />
   </StyledContainer>

I even tried just copy paste the code from the demo here : https://nivo.rocks/line/

Expected behavior A tooltip should appear when I hover on the graph

Current behavior No tooltip is shown

Screenshots

Desktop:

• OS: MacOs Monterey 12.1
• Browser : Chrome -Version 98.0.4758.80 (Official Build) (arm64)

Additional context @nivo/core": “^0.79.0” @nivo/line": “^0.79.0”

[kitravee]

I found the same issue. In my case, resolve by remove @nivo/api package

package.json

"@nivo/api": "^0.74.1", // !EXCIDENT
"@nivo/core": "0.79.0",
"@nivo/line": "0.79.0",

I remove “@nivo/api”: “^0.74.1”, and then everything works fine 👍

[naren-sureify]

bump