How to add type annotaion for custom header props.

I have created a custom header for Drawer Navigator. I have used DrawerHeaderProps for its prop type, but this does not give strict type-checking behavior like what we get when we use DrawerScreenProps<HomeDrawerParamList, 'Home'>. I was unable to find any documentation for this particular thing. I thought about extending DrawerHeaderProps with the navigation property type as extended type of CompositeScreenProps. Is it a good idea to do it this way? Or should I use the useNavigation hook instead?

Start by reviewing the existing Drawer Navigator and TypeScript documentation for custom headers and typed navigation. Clarify how DrawerHeaderProps relates to DrawerScreenProps, CompositeScreenProps, and useNavigation, then document the recommended approach and a representative type-checking example.