KPC
Kevin Powell - Community•2y ago
cøbalt

Can I do this without a helper function?

7 Replies
ErickO
ErickO•2y ago
what? just remove the errors?
ErickO
ErickO•2y ago
ErickO
ErickO•2y ago
or what are you trying to do?
cøbalt
cøbalt•2y ago
I want type and array[number] to be the same type. TS doesn't error when they're mismatched unless I pass the whole object to a helper function. Is there any way I can eliminate the need for the helper function while still having it error where I want it to?
WillsterJohnson
WillsterJohnson•2y ago
The solution is to pass in the generic needed; 
const inferMe: InferMe<string> = {
    type: "string",
    array: [1, 2, 3], // :(
};
const inferMe: InferMe<string> = {
    type: "string",
    array: [1, 2, 3], // :(
};
If you don't pass the generic, T will always be string | number, meaning type and array can have different types. Even with the upcoming satisfies keyword, this is still true. I would recommend changing InferMe to the following for two reasons; 
interface InferMe<T extends string | number> {
    type: T;
    array: T[];
}
interface InferMe<T extends string | number> {
    type: T;
    array: T[];
}
1. extends clause prevents someone from passing in InferMe<boolean> or InferMe<SomeOtherInterface>, I presume in your actual use case there is a limit on what may be used for T, you should enforce that. 2. not providing a default type with = will ensure that you always pass in a certain type, and never leave T as "any of the many possibilities", i.e. the current situation you're facing. By doing this, InferMe now demands a type argument, and will ensure that if type is some specific type, the array is an array of that specific type also. --- I experimented with readonly and as const, but the issue remains; one may be a string while the other is a number, because both of those are assignable to T, which is string | number
cøbalt
cøbalt•2y ago
interesting...well thanks
cøbalt
cøbalt•2y ago
Want results from more Discord servers?
Add your server
More Posts
Astro - dynamically adjust faviconSo, I'm just pretty new regarding Astro. To change my favicon I assume I would need to do: ```js expchange class property depent on div heighI have containers in first mode height is >1400px And in second mod is < 400px I want to change baFor Loop Hover IssueHi, I'm trying to make a time selector using for loops, and I'm having the same issue with both the responsive card depend on number of cardHow i make this dynamicly in same componentStop sticky position scrolling at any desired pointI have a use case in which for I've a box positioned as `sticky`, so the general behaviour of `stickOverflow property applied with floatI have created this simple HTML page and was experimenting with 'float' property of CSS. The markupFiguring out the measurements for your site layoutWhen deciding on a site layout, what decisions help you decide on what units to use like pixels vs pAstro with BootstrapI was trying to get Bootstrap to work in Astro. So far CSS is working nicely, but JS doesn't want toCant figure out why method is not working in _generateHours.Getting type error can not read properly. But the method works inside another method in the same claSVG Component color not changing on hoverhey folks this is my svg component ```jsx import React from 'react'; export const ModerationSVG = ()