Remove require() of CSS and move to a separate import into code

[rickyhaswifi]

Moving the CSS into a separate import would allow it to load properly on all versions of React.

Using REMIX - https://remix.run/

[oluwatobiss]

Hi Ricardo. Thanks for raising this issue. The plugin wasn't tested with Remix, but I would love to make it work.

Please clarify what you mean by "Moving the CSS into a separate import."

[oluwatobiss]

The package now works with Remix!🎉

Note

Add "@codesweetly/react-youtube-playlist" to your remix.config.js file:

/** @type {import('@remix-run/dev').AppConfig} */
module.exports = {
  ignoredRouteFiles: ["**/.*"],
+ serverDependenciesToBundle: ["@codesweetly/react-youtube-playlist"],
  serverModuleFormat: "cjs",
  future: {
    v2_dev: true,
    v2_errorBoundary: true,
    v2_headers: true,
    v2_meta: true,
    v2_normalizeFormMethod: true,
    v2_routeConvention: true,
  },
};

By so doing, Remix will transpile and include the package in the server bundle.

You can read more about the configuration option in the official doc or @dan-cooke's issue comment.