Bug: Element Modal doesn't have required attribute ...

[NikooDev]

Bug: Element Modal doesn't have required attribute ...

[adamaveray]

This is resolved in #614 which was opened in Oct 2021 so I'm not optimistic it'll get merged any time soon.

As a workaround adding the following module augmentation file (within a directory specified in your tsconfig.json's compilerOptions.typeRoots list – see the docs) will resolve the all-props-are-required type issues:

// react-native-modal.d.ts
import type React from 'react';
import type { ModalProps } from 'react-native-modal';

declare module 'react-native-modal' {
    const Modal: React.ClassicComponentClass<Partial<ModalProps> & { children: ModalProps['children'] }>;
    export default Modal;
}

[juanch0x]

This is resolved in #614 which was opened in Oct 2021 so I'm not optimistic it'll get merged any time soon.

As a workaround adding the following module augmentation file (within a directory specified in your tsconfig.json's compilerOptions.typeRoots list – see the docs) will resolve the all-props-are-required type issues:

// react-native-modal.d.ts
import type React from 'react';
import type { ModalProps } from 'react-native-modal';

declare module 'react-native-modal' {
    const Modal: React.ClassicComponentClass<Partial<ModalProps> & { children: ModalProps['children'] }>;
    export default Modal;
}

Thanks, you save my life!

I rewrite it without the 2024 deprecated clases

// react-native-modal.d.ts
import React from 'react';
import type { ModalProps } from 'react-native-modal';

type PartialProps = Partial<ModalProps> & {
  children: ModalProps['children'];
};

declare module 'react-native-modal' {
  const Modal: (Props: PartialProps) => React.ReactNode;
  export default Modal;
}