Couldn't find declaration file for 'react-native-animated-splash-screen'

Issue Hello! I’ve recently installed the splash screen via Yarn, but when I try and import the AnimatedSplash component, this shows up on my IDE!

Could not find a declaration file for module 'react-native-animated-splash-screen'. 'c:/Users/moallim10/StuLink/stulink-app/node_modules/react-native-animated-splash-screen/index.js' implicitly has an 'any' type. Try npm install @types/react-native-animated-splash-screenif it exists or add a new declaration (.d.ts) file containingdeclare module ‘react-native-animated-splash-screen’;

This then doesn’t let me use the AnimatedSplash component properly!

Enviroment React Navigation V5 React Native 0.63 Expo SDK 38

[alinz]

@moaIIim and for anyone needed the declaration:

create a file in your react-native folder called mytypes.d.ts and paste the following code:

declare module 'react-native-animated-splash-screen' {
  import React from 'react'

  interface Props {
    preload?: boolean
    logoWidth?: number
    logoHeight?: number
    backgroundColor?: string
    isLoaded: boolean
    disableBackgroundImage?: boolean
    logoImage?: string | number | object
    translucent?: boolean
    customComponent?: React.ReactNode
    disableAppScale?: boolean
    duration?: number
    delay?: number
    showStatusBar?: boolean

    children?: React.ReactNode
  }

  const props: React.FC<Props>
  export default props
}

[moaIIim]

Hello!

you could delete the node_modules and then run npm install once again, then you should invalidate cache and restart your IDE

Thank @pandumalik for the help.

you could delete the node_modules and then run npm install once again, then you should invalidate cache and restart your IDE

I’ve just tried this, and it still doesn’t work!

@moallim10 I will add support to TypeScript declaration. Will be ready soon. Thanks!

Thanks for the help!