Unable to set up with React

[alex-ironside]

I installed using npm i @faker-js/faker -D

I added the faker.d.ts file with this content:

// faker.d.ts
declare module "@faker-js/faker" {
  import faker from "faker";
  export default faker;
}

But ts doesn't see faker as a valid module. What am I missing?

Here is a reproduced sandbox

https://codesandbox.io/s/amazing-smoke-qx63t?file=/src/App.tsx

[Shinigami92]

Use import faker from "@faker-js/faker";

[alex-ironside]

Ok, now the code is not complaining, but no type checking is present. Any ideas? Also, it that's the case, an update here might be in order: @faker-js/faker

[damienwebdev]

The Faker we have published today does not have Typescript support "out-of-the-box". There is a maintained @types/faker that houses the types.

We will be publishing (in the next few months) first-party types once we've merged various PRs, but for currently published versions of @faker-js/faker to be compatible with Typescript projects you need to:

npm install -d @faker-js/faker @types/faker

And then add

// faker.d.ts
declare module "@faker-js/faker" {
  import faker from "faker";
  export default faker;
}

And then import like

import faker from "@faker-js/faker";

[alex-ironside]

After installing both packages, I am getting Unable to resolve path to module 'faker'. in "faker" in import faker from "faker"; in faker.d.ts

[damienwebdev]

https://codesandbox.io/s/modest-dream-5cyq7

[damienwebdev]

It looks like the animal type is missing from @faker-js/faker

[damienwebdev]

@alex3wielki is this still an issue for you?

[efosaosasu]

i couldnt use it in my react
I did evey thing you said

[ST-DDT]

Which version of the library and node are you using?
Has the error changed since January?

Note: With current versions, you dont need the extra module/type declarations anymore.