Hi Team,
I have few pcf controls in one project. Each control is a dataset control which displays list of records and filter functionality is also implemented in each control. Let's consider control names as grid1,grid2 etc.
I had a requirement to add one extra filter to all the pcf controls, here I need to use multiple react controls like hover card, text field and action button. So I created one tsx file(customLookup.tsx) and added extra filter related code in that file.
I am importing customLookup.tsx to the main file grid1.tsx. its working as expected.
Now, instead of creating new customLookup.tsx in grid2 control, I wanted to use the same tsx file(as the complete code of customLookup is same for all controls).
I am importing customLookup.tsx from grid1 control to the grid 2 control using below syntax.
Import {customLookup} from "../../../grid1/grid1/controls/customLookup"
Calling customLookup with below syntax.
<customLookup context={this.props.context} > </customLookup>
Here I am passing grid 2 props context to the grid 1 customLookup.tsx so getting below issue.
"ComponentFramework.context(grid2/generated/manifestTypes).IInputs" is not assignable to "Component framework.context(grid1/generated/manifestTypes).IInputs".
Thanks in advance. Any help on this issue is much appreciated.
Regards,
Anusha Boppudi.
WarrenBelz
87
Most Valuable Professional
mmbr1606
71
Super User 2025 Season 1
Michael E. Gernaey
65
Super User 2025 Season 1