Typescript errors

When importing your module into our project, yarn tsc returns a lot of errors. I guess you don’t include tsc in your tests, but only rely on the output of eslint? It’s the only package which has issues like that.

Sadly it’s very hard to fix this error on our side since the ts config exclude option does not allow the exclusion of required file.

We are using typescript v4.5.4. Here the output:

yarn run v1.22.17
node_modules/react-native-floating-label-input/src/index.tsx:25:30 - error TS2307: Cannot find module './assets/make_visible_white.png' or its corresponding type declarations.

25 import makeVisibleWhite from './assets/make_visible_white.png';
                                ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

node_modules/react-native-floating-label-input/src/index.tsx:26:32 - error TS2307: Cannot find module './assets/make_invisible_white.png' or its corresponding type declarations.

26 import makeInvisibleWhite from './assets/make_invisible_white.png';
                                  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

node_modules/react-native-floating-label-input/src/index.tsx:27:30 - error TS2307: Cannot find module './assets/make_visible_black.png' or its corresponding type declarations.

27 import makeVisibleBlack from './assets/make_visible_black.png';
                                ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

node_modules/react-native-floating-label-input/src/index.tsx:28:32 - error TS2307: Cannot find module './assets/make_invisible_black.png' or its corresponding type declarations.

28 import makeInvisibleBlack from './assets/make_invisible_black.png';
                                  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

node_modules/react-native-floating-label-input/src/index.tsx:340:9 - error TS2322: Type 'BackwardCompatibleWrapper' is not assignable to type 'CompositeAnimation'.

340         timing(fontColorAnimated, {
            ~~~~~~~~~~~~~~~~~~~~~~~~~~~
341           toValue: 1,
    ~~~~~~~~~~~~~~~~~~~~~
... 
343           easing: EasingNode.linear,
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
344         }),
    ~~~~~~~~~~

node_modules/react-native-floating-label-input/src/index.tsx:390:9 - error TS2322: Type 'BackwardCompatibleWrapper' is not assignable to type 'CompositeAnimation'.

390         timing(fontColorAnimated, {
            ~~~~~~~~~~~~~~~~~~~~~~~~~~~
391           toValue: 1,
    ~~~~~~~~~~~~~~~~~~~~~
... 
393           easing: EasingNode.linear,
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
394         }),
    ~~~~~~~~~~

node_modules/react-native-floating-label-input/src/index.tsx:432:9 - error TS2322: Type 'BackwardCompatibleWrapper' is not assignable to type 'CompositeAnimation'.

432         timing(fontColorAnimated, {
            ~~~~~~~~~~~~~~~~~~~~~~~~~~~
433           toValue: 0,
    ~~~~~~~~~~~~~~~~~~~~~
... 
435           easing: EasingNode.linear,
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
436         }),
    ~~~~~~~~~~

node_modules/react-native-floating-label-input/src/index.tsx:509:5 - error TS2322: Type 'AnimatedNode<string | number>' is not assignable to type 'ColorValue'.
  Type 'AnimatedNode<string | number>' is not assignable to type 'OpaqueColorValue'.
    Type 'AnimatedNode<string | number>' is not assignable to type 'symbol'.

509     color: interpolateColors(fontColorAnimated, {
        ~~~~~

  node_modules/@types/react-native/index.d.ts:922:5
    922     color?: ColorValue | undefined;
            ~~~~~
    The expected type comes from property 'color' which is declared here on type 'TextStyle'

src/lib/floating-label-input.ts:1:16 - error TS2664: Invalid module name in augmentation, module './assets/make_visible_white.png' cannot be found.

1 declare module './assets/make_visible_white.png';
                 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

tsconfig.json:17:5 - error TS5010: File specification cannot end in a recursive directory wildcard ('**'): 'node_modules/react-native-floating-label-input/src/**'.

17     "node_modules/react-native-floating-label-input/src/**"
       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


Found 10 errors.

error Command failed with exit code 2.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

[Snowirbix]

Just had to copy your global.d.ts file in my src/ folder and it worked.

[Snowirbix]

Hello @Cnilton, I still see some of the errors on the latest release 1.4.2 :

node_modules/react-native-floating-label-input/src/index.tsx:32:30 - error TS2307: Cannot find module './assets/make_visible_white.png' or its corresponding type declarations.
32 import makeVisibleWhite from './assets/make_visible_white.png';

node_modules/react-native-floating-label-input/src/index.tsx:34:32 - error TS2307: Cannot find module './assets/make_invisible_white.png' or its corresponding type declarations.
34 import makeInvisibleWhite from './assets/make_invisible_white.png';

node_modules/react-native-floating-label-input/src/index.tsx:36:30 - error TS2307: Cannot find module './assets/make_visible_black.png' or its corresponding type declarations.
36 import makeVisibleBlack from './assets/make_visible_black.png';

node_modules/react-native-floating-label-input/src/index.tsx:38:32 - error TS2307: Cannot find module './assets/make_invisible_black.png' or its corresponding type declarations.
38 import makeInvisibleBlack from './assets/make_invisible_black.png';

Is there any workaround ?