I am experiencing this issue right here: I want to create a simple navigation tool to move from a login (Home page) to a sign up page. This is the typescript code (.tsx):

I’m having some issues with using TypeScript and creating a custom type to pass to navigation.navigate(). I have a prop type called ScreenLink that looks like this:

I’m using React Native with React Navigation. I want to conditionally render the headerLeft component based on the value of isInitial. If isInitial is true, I want the headerLeft to render as shown in the code below. If isInitial is false, I want the default back arrow chevron to appear. How can I achieve this?