Seeking help to understand an error I encountered, I have read all similar questions but found no solution.
My understanding of TypeScript is still growing. I am attempting to integrate the d3-tip module with d3. After installing @types/d3 and @types/d3-tip, my code now appears as follows:
import * as d3 from 'd3';
import * as d3Tip from 'd3-tip';
console.log(d3Tip) // Outputs the function signature from d3-tip module
console.log(d3Tip())
// Results in error 'Cannot invoke an expression whose type lacks a call signature'
d3.tip = d3Tip
// Results in error 'Property 'tip' does not exist on type 'typeof "<my-project-path>/node_modules/@types/d3/index"''
I believe there are two issues: firstly, I am unable to call the d3-tip method, and I am unsure why this is the case. Secondly, I am unable to add the d3Tip function as a new property of the d3 object (which previously worked well in ES6), allowing me to create a tip using d3.tip().
While I could explore other solutions, such as creating the tip from scratch (perhaps saving time), I prefer to grasp the resolution for this issue.
Any suggestions or insights?