Add Typescript type to props

Question

I wonder how I can declare that the param ...props inside my function declaration are of type BaseViewProps in the following notation:

export interface BaseViewProps extends ScrollViewProps {
}

/**
 * Underlying layout for all screens
 */
export function BaseView({ children, ...props }) {
  return (
    <SafeAreaView style={styles.mainContainer}>
      <ScrollView
        contentContainerStyle={styles.scrollContainer}
        {...props}
      >
        <AppHeader/>
        {children}
      </ScrollView>
    </SafeAreaView>
  )
}

I have tried something like this:

export function BaseView({ children, ...props} = { any, BaseViewProps}) 

But then I get an error 'any' refers to a type but is used as a value here .

Answer 1

Try:

export function BaseView({ children, ...props}: : { children: any, [key: string]: BaseViewProps })

= is used for default value, not type