Type Inference in Array callback is confusing

[sillysillyc]

why ts would assume the condition in filter callback will never reach and mainChannel is always null

interface IMultiLensChannelCfg {
  main?: boolean
}

declare const channels: IMultiLensChannelCfg[]

let mainChannel: IMultiLensChannelCfg | null = null;

const secondaryChannels = channels.filter((e) => {
  if (!e.main) {
    return true;
  }
  mainChannel = e;
  return false;
});

 const mChannel = mainChannel;
 return (
      <>
        {mainChannel !== null && <web-component  channelId={mainChannel.id} />}
      <>
);

[fatcerberus]

The text of the template you used to post this issue explained why this happens. Duplicate of #9998

[typescript-bot]

This issue has been marked as "Duplicate" and has seen no recent activity. It has been automatically closed for house-keeping purposes.