[JS/TS (Frameworks)] File naming convention: CamelCase or kebab-case

When I learned react a number of years ago, I was taught that filenames should be kebab-case and the components should be CamelCase:

/src/components/header-image.tsx:

interface HeaderImageProps {
  children?: ReactNode
}

const HeaderImage: FC<HeaderImageProps> = ({children = <></>}) => { 
  return <section> {children} </section> 
}

but when I look at "most" other people when they link their work here and in similar subreddits they use CamelCase for filenames as well:

/src/components/HeaderImage.tsx

I did some light research and also remembered that old linux at least (Ubuntu 7.04) reaaaally didn't want me to use capital letters in filenames. So I kind of was drilled into using lowercase just from those days. But that is basically what I have in terms of arguments which is why I am asking.

I've continued to do my thing my way all these years but thought I'd ask at least:

Is there any REAL reason why people do CamelCase filenames or shouldn't or should? Is there anything "to consider" when doing that (i.e this won't work in edge case A and could potentiallly effect B in situation C)?

Also I really don't want a debate which you FEEL is best. I am wondering if there is any merit to either case (lol) - like real things and not just another damn vue vs react or FP vs OOP or "I use arch" type of discussion that leads nowhere.