When making an API call, I receive data with a property set to SomeType[] | unknown. This means my data structure looks something like this:
interface SomeType {
name: string
enabled: boolean
}
interface MyData {
id: string
name: string
someArrayProperties: SomeType[] | unknown
}
I have numerous array methods iterating over someArrayProperties, resulting in multiple instances of code like this:
const enabledProperty = myData.someArrayProperties.find((property: SomeType) => property.enabled)
Despite thinking it should be straightforward to resolve, I am frequently encountering errors related to the unknown type assigned to someArrayProperties:
Argument of type '(property: SomeType) => boolean' is not assignable to parameter of type '(value: unknown, index: number, obj: unknown[]) => unknown'. Translation: Expected (value: unknown, index: number, obj: unknown[]) => unknown, but received (property: SomeType) => boolean.
To tackle this issue, one solution is always to cast (property as SomeType).enabled:
const enabledProperty = myData.someArrayProperties.find((property) => (property as SomeType).enabled)
Alternatively, you can cast
myData.someArrayProperties as SomeType[]find:
const enabledProperty = (myData.someArrayProperties as SomeType[]).find((property) => property.enabled)
However, these solutions may feel like temporary workarounds rather than addressing the root problem, and they may need to be applied repeatedly. Is there a better way to handle this? Any insights would be appreciated. Thanks!