The Anchor component uses an attributes object to collect common attributes to apply to the wrapping component. This wrapping component is either an a or a Link component depending on a prop value. When the wrapper is a Link component, TypeScript produces an error indicating a type mismatch between the attributes object and the expected props for the Link component.
Currently, we've used a @ts-ignore flag to ignore the error since the props passed via the attribute object are valuable and intentional.
The purpose of this task is to investigate why we are getting a TypeScript error for this type mismatch and to resolve it so that we can remove the @ts-ignore flag.
The
Anchorcomponent uses anattributesobject to collect common attributes to apply to the wrapping component. This wrapping component is either anaor aLinkcomponent depending on a prop value. When the wrapper is aLinkcomponent, TypeScript produces an error indicating a type mismatch between theattributesobject and the expected props for theLinkcomponent.Currently, we've used a
@ts-ignoreflag to ignore the error since the props passed via theattributeobject are valuable and intentional.The purpose of this task is to investigate why we are getting a TypeScript error for this type mismatch and to resolve it so that we can remove the
@ts-ignoreflag.