Does it work with Vite?

[rimzzlabs]

Hi, Im using React with Vite, but it seems it doesn't work with vite, I got this error:

is it because Im using React.lazy for my component?

[rimzzlabs]

Hi, Im using React with Vite, but it seems it doesn't work with vite, I got this error:

is it because Im using React.lazy for my component?

but if i remove the <Document /> component from react-pdf it works fine

[rimzzlabs]

Hi, Im using React with Vite, but it seems it doesn't work with vite, I got this error:
is it because Im using React.lazy for my component?

but if i remove the <Document /> component from react-pdf it works fine

okay so I just missed the sample of vite, I saw it and the import statement is by using vite esm, but it didn't work for me, because Im using typescript, it looks like the type definition for this hasn't been updated yet.

im using @types/react-pdf^5.7.4

[rimzzlabs]

Hi, Im using React with Vite, but it seems it doesn't work with vite, I got this error:
is it because Im using React.lazy for my component?

but if i remove the <Document /> component from react-pdf it works fine

okay so I just missed the sample of vite, I saw it and the import statement is by using vite esm, but it didn't work for me, because Im using typescript, it looks like the type definition for this hasn't been updated yet.

im using @types/react-pdf^5.7.4

I also didn't receive entry for vite inside node_modules

[pietrobondioli]

It seems that an PR on DefinitelyTyped repository has already been opened to add type support for react-pdf v6 (which includes vite support). So to bypass the typescript error you have 2 options:

• Reflect type declaration changes of the PR on you own code (node_module/@types/react-pdf/).
• Just declare the vite path as a module on your code:

and on your tsconfig.json add to compiler options:

"typeRoots": [ "node_modules/@types", "src/@types" ]

then the error will be gone and react-pdf on vite will still be working as expected:

Hope it helps.