import error about react-hls HOT 14 OPEN

Same issue here, using dynamic import solved.

const Player = dynamic(
  () => import('react-hls-player'),
  { ssr: false },
);

from react-hls.

Version 2.0.0 working great, thanks!

from react-hls.

I'm using Typescript with Next.js.

This import code runs on the client:

import ReactHlsPlayer from "react-hls-player";

In case it helps, the actual HLS package runs fine imported this way:

import Hls from "hls.js"

from react-hls.

Here's a minimal StackBlitz example: https://stackblitz.com/edit/nextjs-bgkcxa?devtoolsheight=33&file=pages/index.js

from react-hls.

Great, thanks! I'll try one of those versions. Let me know if I can help with anything :)

If you're familiar with creating react packages with typescript and might be able to point me in the right direction that'd be helpful. I'm reading through some articles trying to figure out the best way for compatibility.

from react-hls.

React +Nextjs latest version + react-hls latest = Not working: import error..

from react-hls.

Same issue here, using dynamic import solved.

const Player = dynamic(
  () => import('react-hls-player'),
  { ssr: false },
);

Using Dynamic import in Next.js helped 😃

from react-hls.

Are you using import or require? And are you using the latest create-react-app template or a custom build process? Can you provide any additional info that may help out about your project?

I think there may be an issue with the way I'm currently building the package.

from react-hls.

Thanks @colinricardo I think I may have found the issue. Going to test it out in a create-react-app and create-next-app to see

from react-hls.

Alright, the issue is going to be a bit more than I'm able to get to at the moment. I'd recommend using version 2.0.0 or 1.1.0 in the meantime. I think I'm going to need to introduce a proper bundler for this. In version 3 I was hoping to shed off some of the heavy configurations needed with webpack and what not, and I'm pretty sure getting rid of webpack is what's causing this issue.

Thanks for bringing this too my attention

from react-hls.

Great, thanks! I'll try one of those versions. Let me know if I can help with anything :)

from react-hls.

Same here

from react-hls.

@yuri-devi @iMJumpmxn I'm not sure when I'll get a chance to look in to this. In the meantime, you should be able to npm install [email protected]. There were some api changes between v2 and v3, but nothing too drastic.

from react-hls.

@tgwow I was thinking this may be the case, but haven't had the time to look in to it. Thanks for sharing!

from react-hls.