interface X extends ScrollElementProps
= P & {}

Question

I'm working with react-scroll. There is a props type alias which looks like this:

export type ScrollElementProps<P> = P & {
    name: string;
    id?: string | undefined;
};

I'm trying to extend the prop type, but I think I'm doing it backwards. I tried:

interface MyElementProps extends ScrollElementProps {...}

but of course it's telling me: Generic type 'ScrollElementProps' requires 1 type argument(s)

How do I write this so that my interface recognizes the props expected by the ScrollElementProps type alias?

TIA!

score 0 · Accepted Answer · answered Apr 04 '22 at 18:25

Of course I figured it out as soon as I posted the question!

This type alias was built to expect a props interface/alias, so this is how it should look:

interface ScrollProps {
  myProps: string
  someMoreProps: boolean
}

export const Scroll = ({

  myProps,
  someMoreProps,

}: ScrollElementProps<ScrollProps>) => {
   ...
}

interface X extends ScrollElementProps = P & {}

1 Answers1

interface X extends ScrollElementProps
= P & {}