@codesweetly/react-youtube-playlist - npm Package Compare versions

Comparing version 1.0.11 to 1.0.13

package.json

 {
   "name": "@codesweetly/react-youtube-playlist",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "description": "An easy-to-use and responsive React component for displaying YouTube playlists on a web app.",
@@ -5,0 +5,0 @@ "homepage": "https://codesweetly.com/react-youtube-playlist",

README.md

@@ -113,1 +113,15 @@ # React YouTube Playlist
 The [`serverDependenciesToBundle`](https://remix.run/docs/en/1.19.0/file-conventions/remix-config#serverdependenciestobundle) field tells Remix to transpile and include the `"@codesweetly/react-youtube-playlist"` package in the server bundle.
+
+## Note for NextJS users
+
+[NextJS](https://nextjs.org/) users should declare the [`"use client"`](https://nextjs.org/docs/getting-started/react-essentials#the-use-client-directive) directive at the top of their file. It should sit above all other `import` statements like so:
+
+```diff
++ "use client";
+import YouTubePlaylist from "@codesweetly/react-youtube-playlist";
+import ImageGallery from "react-image-grid-gallery";
+```
+
+The `"use client"` directive tells NextJS to consider all modules imported into the page as part of the Client Component module graph.
+
+The `YouTubePlaylist` package works only as a Client Component because it uses React's State and Lifecycle effects, such as `useState()` and `useEffect()`.

No alert changes

Improved metrics

Total package byte prevSize

18655

increased by4.09%

Number of lines in readme file

127

increased by12.39%

No dependency changes