From 9c471794c7efad77da912c5187cabb09ce11a2bf Mon Sep 17 00:00:00 2001
From: danney-chun <63285271+danney-chun@users.noreply.github.com>
Date: Mon, 7 Oct 2024 15:24:15 +0900
Subject: [PATCH] fixed eslint error

---
 .github/workflows/deploy-github-pages.yml     |  2 --
 src/App.js                                    |  1 -
 src/samples/BasicGroupChannelSample.js        | 18 ++++++-------
 src/samples/BasicOpenChannelSample.js         | 18 ++++++-------
 src/samples/GroupChannelArchive.js            | 17 ++++++-------
 .../GroupChannelCategorizeByCustomType.js     | 19 +++++++-------
 ...upChannelCategorizeMessagesByCustomType.js | 21 ++++++++--------
 src/samples/GroupChannelDisplayOGTags.js      | 21 ++++++++--------
 src/samples/GroupChannelFreezeUnfreeze.js     | 25 +++++++++----------
 src/samples/GroupChannelMarkMessagesAsRead.js | 20 +++++++--------
 src/samples/GroupChannelMembersListOrder.js   | 25 +++++++++----------
 11 files changed, 89 insertions(+), 98 deletions(-)

diff --git a/.github/workflows/deploy-github-pages.yml b/.github/workflows/deploy-github-pages.yml
index 71c2d49..27ea875 100644
--- a/.github/workflows/deploy-github-pages.yml
+++ b/.github/workflows/deploy-github-pages.yml
@@ -22,8 +22,6 @@ jobs:
 
       - name: Build
         run: yarn build
-        env:
-          CI: false  # ESLint 에러 무시
 
       - name: List build directory
         run: ls -R build
diff --git a/src/App.js b/src/App.js
index 7e8d76d..fa4bec5 100644
--- a/src/App.js
+++ b/src/App.js
@@ -47,7 +47,6 @@ import GroupChannelReactChannelTypes from './samples/GroupChannelTypes';
 import GroupChannelUpdateDeleteMessageByOperator from './samples/GroupChannelUpdateDeleteMessageByOperator';
 import GroupChannelArchive from './samples/GroupChannelArchive'
 import GroupChannelMuteUnmuteUsers from './samples/GroupChannelMuteUnmuteUsers';
-import GroupChannelBanUnbanUsers from './samples/GroupChannelBanUnbanUsers';
 import GroupChannelRetrieveNumberOfMembersHaventReceivedMessage from './samples/GroupChannelRetrieveNumberOfMembersHaventReceivedMessage';
 import GroupChannelOperatorsList from './samples/GroupChannelOperatorsList';
 import GroupChannelMembersListOrder from './samples/GroupChannelMembersListOrder';
diff --git a/src/samples/BasicGroupChannelSample.js b/src/samples/BasicGroupChannelSample.js
index 04550ab..08283bb 100644
--- a/src/samples/BasicGroupChannelSample.js
+++ b/src/samples/BasicGroupChannelSample.js
@@ -159,7 +159,7 @@ const BasicGroupChannelSample = (props) => {
     }
 
     const handleCreateChannel = async (channelName = "testChannel",) => {
-        const [groupChannel, error] = await createChannel(channelName, state.groupChannelMembers);
+        const [error] = await createChannel(channelName, state.groupChannelMembers);
         if (error) {
             return onError(error);
         }
@@ -172,7 +172,7 @@ const BasicGroupChannelSample = (props) => {
     }
 
     const handleDeleteChannel = async (channelUrl) => {
-        const [channel, error] = await deleteChannel(channelUrl);
+        const [error] = await deleteChannel(channelUrl);
         if (error) {
             return onError(error);
         }
@@ -207,7 +207,7 @@ const BasicGroupChannelSample = (props) => {
             const userMessageUpdateParams = {};
             userMessageUpdateParams.message = state.messageInputValue
             const updatedMessage = await currentlyJoinedChannel.updateUserMessage(messageToUpdate.messageId, userMessageUpdateParams)
-            const messageIndex = messages.findIndex((item => item.messageId == messageToUpdate.messageId));
+            const messageIndex = messages.findIndex((item => item.messageId === messageToUpdate.messageId));
             messages[messageIndex] = updatedMessage;
             updateState({ ...state, messages: messages, messageInputValue: "", messageToUpdate: null });
         } else {
@@ -227,7 +227,7 @@ const BasicGroupChannelSample = (props) => {
 
     const onFileInputChange = async (e) => {
         if (e.currentTarget.files && e.currentTarget.files.length > 0) {
-            const { currentlyJoinedChannel, messages } = state;
+            const { currentlyJoinedChannel } = state;
             const fileMessageParams = {};
             fileMessageParams.file = e.currentTarget.files[0];
             currentlyJoinedChannel.sendFileMessage(fileMessageParams)
@@ -377,7 +377,7 @@ const ChannelList = ({
                         </div>
                         <div>
                             <button className="control-button" onClick={() => handleDeleteChannel(channel.url)}>
-                                <img className="channel-icon" src='/icon_delete.png' />
+                                <img className="channel-icon" src='/icon_delete.png' alt=''/>
                             </button>
                         </div>
                     </div>
@@ -455,7 +455,7 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
                     <div className="message-sender-name">{message.sender.nickname}{' '}</div>
                     <div>{timestampToTime(message.createdAt)}</div>
                 </div>
-                <img src={message.url} />
+                <img src={message.url} alt=''/>
             </div >);
     }
     const messageSentByCurrentUser = message.sender.userId === sb.currentUser.userId;
@@ -469,8 +469,8 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
                 </div>
                 {messageSentByCurrentUser &&
                     <div>
-                        <button className="control-button" onClick={() => updateMessage(message)}><img className="message-icon" src='/icon_edit.png' /></button>
-                        <button className="control-button" onClick={() => handleDeleteMessage(message)}><img className="message-icon" src='/icon_delete.png' /></button>
+                        <button className="control-button" onClick={() => updateMessage(message)}><img className="message-icon" src='/icon_edit.png' alt=''/></button>
+                        <button className="control-button" onClick={() => handleDeleteMessage(message)}><img className="message-icon" src='/icon_delete.png' alt=''/></button>
                     </div>}
             </div>
             <div>{message.message}</div>
@@ -480,7 +480,7 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
 
 const ProfileImage = ({ user }) => {
     if (user.plainProfileUrl) {
-        return <img className="profile-image" src={user.plainProfileUrl} />
+        return <img className="profile-image" src={user.plainProfileUrl} alt=''/>
     } else {
         return <div className="profile-image-fallback">{user.nickname.charAt(0)}</div>;
     }
diff --git a/src/samples/BasicOpenChannelSample.js b/src/samples/BasicOpenChannelSample.js
index 025c7d1..24fca75 100644
--- a/src/samples/BasicOpenChannelSample.js
+++ b/src/samples/BasicOpenChannelSample.js
@@ -77,7 +77,7 @@ const BasicOpenChannelSample = (props) => {
         const connectionHandler = new ConnectionHandler();
 
         connectionHandler.onReconnectSucceeded = async () => {
-            const [messages, error] = await loadMessages(channelToJoin);
+            const [messages] = await loadMessages(channelToJoin);
 
             updateState({ ...stateRef.current, messages: messages });
         }
@@ -88,7 +88,7 @@ const BasicOpenChannelSample = (props) => {
         //listen for incoming messages
         const channelHandler = new OpenChannelHandler();
         channelHandler.onMessageUpdated = (channel, message) => {
-            const messageIndex = stateRef.current.messages.findIndex((item => item.messageId == message.messageId));
+            const messageIndex = stateRef.current.messages.findIndex((item => item.messageId === message.messageId));
             const updatedMessages = [...stateRef.current.messages];
             updatedMessages[messageIndex] = message;
             updateState({ ...stateRef.current, messages: updatedMessages });
@@ -127,7 +127,7 @@ const BasicOpenChannelSample = (props) => {
     }
 
     const handleDeleteChannel = async (channelUrl) => {
-        const [channel, error] = await deleteChannel(channelUrl);
+        const [error] = await deleteChannel(channelUrl);
         if (error) {
             return onError(error);
         }
@@ -188,7 +188,7 @@ const BasicOpenChannelSample = (props) => {
             const userMessageUpdateParams = {};
             userMessageUpdateParams.message = state.messageInputValue;
             const updatedMessage = await currentlyJoinedChannel.updateUserMessage(messageToUpdate.messageId, userMessageUpdateParams)
-            const messageIndex = messages.findIndex((item => item.messageId == messageToUpdate.messageId));
+            const messageIndex = messages.findIndex((item => item.messageId === messageToUpdate.messageId));
             messages[messageIndex] = updatedMessage;
             updateState({ ...state, messages: messages, messageInputValue: "", messageToUpdate: null });
         } else {
@@ -337,10 +337,10 @@ const ChannelList = ({ channels, handleJoinChannel, toggleShowCreateChannel, han
                         {userIsOperator &&
                             <div>
                                 <button className="control-button" onClick={() => toggleChannelDetails(channel)}>
-                                    <img className="channel-icon" src='/icon_edit.png' />
+                                    <img className="channel-icon" src='/icon_edit.png' alt=''/>
                                 </button>
                                 <button className="control-button" onClick={() => handleDeleteChannel(channel.url)}>
-                                    <img className="channel-icon" src='/icon_delete.png' />
+                                    <img className="channel-icon" src='/icon_delete.png' alt=''/>
                                 </button>
                             </div>
                         }
@@ -387,7 +387,7 @@ const Message = ({ message, updateMessage, handleDeleteMessage }) => {
             <div className="oc-message">
                 <div>{timestampToTime(message.createdAt)}</div>
                 <div className="oc-message-sender-name">{message.sender.nickname}{' '}</div>
-                <img src={message.url} />
+                <img src={message.url} alt=''/>
             </div>
         );
     }
@@ -402,10 +402,10 @@ const Message = ({ message, updateMessage, handleDeleteMessage }) => {
 
             {messageSentByCurrentUser && <>
                 <button className="control-button" onClick={() => updateMessage(message)}>
-                    <img className="oc-message-icon" src='/icon_edit.png' />
+                    <img className="oc-message-icon" src='/icon_edit.png' alt=''/>
                 </button>
                 <button className="control-button" onClick={() => handleDeleteMessage(message)}>
-                    <img className="oc-message-icon" src='/icon_delete.png' />
+                    <img className="oc-message-icon" src='/icon_delete.png' alt=''/>
                 </button>
             </>}
         </div>
diff --git a/src/samples/GroupChannelArchive.js b/src/samples/GroupChannelArchive.js
index 5430e8f..9f1003f 100644
--- a/src/samples/GroupChannelArchive.js
+++ b/src/samples/GroupChannelArchive.js
@@ -1,6 +1,5 @@
 
 import { useState, useEffect, useRef } from 'react';
-import { v4 as uuid } from 'uuid';
 import SendbirdChat from '@sendbird/chat';
 import {
     GroupChannelModule,
@@ -165,7 +164,7 @@ const GroupChannelArchive = (props) => {
     }
 
     const handleCreateChannel = async (channelName = "testChannel",) => {
-        const [groupChannel, error] = await createChannel(channelName, state.groupChannelMembers);
+        const [error] = await createChannel(channelName, state.groupChannelMembers);
         if (error) {
             return onError(error);
         }
@@ -179,7 +178,7 @@ const GroupChannelArchive = (props) => {
     }
 
     const handleDeleteChannel = async (channelUrl) => {
-        const [channel, error] = await deleteChannel(channelUrl);
+        const [error] = await deleteChannel(channelUrl);
         if (error) {
             return onError(error);
         }
@@ -256,7 +255,7 @@ const GroupChannelArchive = (props) => {
             const userMessageUpdateParams = {};
             userMessageUpdateParams.message = state.messageInputValue;
             const updatedMessage = await currentlyJoinedChannel.updateUserMessage(messageToUpdate.messageId, userMessageUpdateParams)
-            const messageIndex = messages.findIndex((item => item.messageId == messageToUpdate.messageId));
+            const messageIndex = messages.findIndex((item => item.messageId === messageToUpdate.messageId));
             messages[messageIndex] = updatedMessage;
             updateState({ ...state, messages: messages, messageInputValue: "", messageToUpdate: null });
         } else {
@@ -276,7 +275,7 @@ const GroupChannelArchive = (props) => {
 
     const onFileInputChange = async (e) => {
         if (e.currentTarget.files && e.currentTarget.files.length > 0) {
-            const { currentlyJoinedChannel, messages } = state;
+            const { currentlyJoinedChannel } = state;
             const fileMessageParams = {};
             fileMessageParams.file = e.currentTarget.files[0];
             currentlyJoinedChannel.sendFileMessage(fileMessageParams)
@@ -532,7 +531,7 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
                     <div className="message-sender-name">{message.sender.nickname}{' '}</div>
                     <div>{timestampToTime(message.createdAt)}</div>
                 </div>
-                <img src={message.url} />
+                <img src={message.url} alt=''/>
             </div>
         );
     }
@@ -546,8 +545,8 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
                     <div>{timestampToTime(message.createdAt)}</div>
                 </div>
                 {messageSentByCurrentUser && <div>
-                    <button className="control-button" onClick={() => updateMessage(message)}><img className="message-icon" src='/icon_edit.png' /></button>
-                    <button className="control-button" onClick={() => handleDeleteMessage(message)}><img className="message-icon" src='/icon_delete.png' /></button>
+                    <button className="control-button" onClick={() => updateMessage(message)}><img className="message-icon" src='/icon_edit.png' alt=''/></button>
+                    <button className="control-button" onClick={() => handleDeleteMessage(message)}><img className="message-icon" src='/icon_delete.png' alt=''/></button>
                 </div>}
             </div>
             <div>{message.message}</div>
@@ -557,7 +556,7 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
 
 const ProfileImage = ({ user }) => {
     if (user.plainProfileUrl) {
-        return <img className="profile-image" src={user.plainProfileUrl} />
+        return <img className="profile-image" src={user.plainProfileUrl} alt=''/>
     } else {
         return <div className="profile-image-fallback">{user.nickname.charAt(0)}</div>;
     }
diff --git a/src/samples/GroupChannelCategorizeByCustomType.js b/src/samples/GroupChannelCategorizeByCustomType.js
index 14d513d..7818fc9 100644
--- a/src/samples/GroupChannelCategorizeByCustomType.js
+++ b/src/samples/GroupChannelCategorizeByCustomType.js
@@ -1,6 +1,5 @@
 
 import { useState, useEffect, useRef } from 'react';
-import { v4 as uuid } from 'uuid';
 import SendbirdChat from '@sendbird/chat';
 import {
     GroupChannelModule,
@@ -162,7 +161,7 @@ const GroupChannelCategorizeByCustomType = (props) => {
     }
 
     const handleCreateChannel = async (channelName = "testChannel",) => {
-        const [groupChannel, error] = await createChannel(channelName, state.groupChannelMembers);
+        const [error] = await createChannel(channelName, state.groupChannelMembers);
         if (error) {
             return onError(error);
         }
@@ -176,7 +175,7 @@ const GroupChannelCategorizeByCustomType = (props) => {
     }
 
     const handleDeleteChannel = async (channelUrl) => {
-        const [channel, error] = await deleteChannel(channelUrl);
+        const [error] = await deleteChannel(channelUrl);
         if (error) {
             return onError(error);
         }
@@ -216,7 +215,7 @@ const GroupChannelCategorizeByCustomType = (props) => {
             const userMessageUpdateParams = {};
             userMessageUpdateParams.message = state.messageInputValue;
             const updatedMessage = await currentlyJoinedChannel.updateUserMessage(messageToUpdate.messageId, userMessageUpdateParams)
-            const messageIndex = messages.findIndex((item => item.messageId == messageToUpdate.messageId));
+            const messageIndex = messages.findIndex((item => item.messageId === messageToUpdate.messageId));
             messages[messageIndex] = updatedMessage;
             updateState({ ...state, messages: messages, messageInputValue: "", messageToUpdate: null });
         } else {
@@ -236,7 +235,7 @@ const GroupChannelCategorizeByCustomType = (props) => {
 
     const onFileInputChange = async (e) => {
         if (e.currentTarget.files && e.currentTarget.files.length > 0) {
-            const { currentlyJoinedChannel, messages } = state;
+            const { currentlyJoinedChannel } = state;
             const fileMessageParams = {};
             fileMessageParams.file = e.currentTarget.files[0];
             currentlyJoinedChannel.sendFileMessage(fileMessageParams)
@@ -403,7 +402,7 @@ const ChannelList = ({
                             </div>
                             <div>
                                 <button className="control-button" onClick={() => handleDeleteChannel(channel.url)}>
-                                    <img className="channel-icon" src='/icon_delete.png' />
+                                    <img className="channel-icon" src='/icon_delete.png' alt=''/>
                                 </button>
                             </div>
                         </div>
@@ -483,7 +482,7 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
                     <div className="message-sender-name">{message.sender.nickname}{' '}</div>
                     <div>{timestampToTime(message.createdAt)}</div>
                 </div>
-                <img src={message.url} />
+                <img src={message.url} alt=''/>
             </div>
         );
     }
@@ -498,8 +497,8 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
                 </div>
                 {messageSentByCurrentUser &&
                     <div>
-                        <button className="control-button" onClick={() => updateMessage(message)}><img className="message-icon" src='/icon_edit.png' /></button>
-                        <button className="control-button" onClick={() => handleDeleteMessage(message)}><img className="message-icon" src='/icon_delete.png' /></button>
+                        <button className="control-button" onClick={() => updateMessage(message)}><img className="message-icon" src='/icon_edit.png' alt=''/></button>
+                        <button className="control-button" onClick={() => handleDeleteMessage(message)}><img className="message-icon" src='/icon_delete.png' alt=''/></button>
                     </div>
                 }
             </div>
@@ -510,7 +509,7 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
 
 const ProfileImage = ({ user }) => {
     if (user.plainProfileUrl) {
-        return <img className="profile-image" src={user.plainProfileUrl} />
+        return <img className="profile-image" src={user.plainProfileUrl} alt=''/>
     } else {
         return <div className="profile-image-fallback">{user.nickname.charAt(0)}</div>;
     }
diff --git a/src/samples/GroupChannelCategorizeMessagesByCustomType.js b/src/samples/GroupChannelCategorizeMessagesByCustomType.js
index 750564b..b233333 100644
--- a/src/samples/GroupChannelCategorizeMessagesByCustomType.js
+++ b/src/samples/GroupChannelCategorizeMessagesByCustomType.js
@@ -1,6 +1,5 @@
 
 import { useState, useEffect, useRef } from 'react';
-import { v4 as uuid } from 'uuid';
 import SendbirdChat from '@sendbird/chat';
 import {
     GroupChannelModule,
@@ -167,7 +166,7 @@ const GroupChannelCategorizeMessagesByCustomType = (props) => {
     }
 
     const handleCreateChannel = async (channelName = "testChannel",) => {
-        const [groupChannel, error] = await createChannel(channelName, state.groupChannelMembers);
+        const [error] = await createChannel(channelName, state.groupChannelMembers);
         if (error) {
             return onError(error);
         }
@@ -181,7 +180,7 @@ const GroupChannelCategorizeMessagesByCustomType = (props) => {
     }
 
     const handleDeleteChannel = async (channelUrl) => {
-        const [channel, error] = await deleteChannel(channelUrl);
+        const [error] = await deleteChannel(channelUrl);
         if (error) {
             return onError(error);
         }
@@ -203,7 +202,7 @@ const GroupChannelCategorizeMessagesByCustomType = (props) => {
             const userMessageUpdateParams = {};
             userMessageUpdateParams.customType = messageCustomTypeRef.current.value;
             const updatedMessage = await currentlyJoinedChannel.updateUserMessage(messageToUpdate.messageId, userMessageUpdateParams);
-            const messageIndex = messages.findIndex((item => item.messageId == messageToUpdate.messageId));
+            const messageIndex = messages.findIndex((item => item.messageId === messageToUpdate.messageId));
             messages[messageIndex] = updatedMessage;
             updateState({
                 ...state,
@@ -255,7 +254,7 @@ const GroupChannelCategorizeMessagesByCustomType = (props) => {
             userMessageUpdateParams.message = state.messageInputValue;
             userMessageUpdateParams.customType = state.currentMessageCustomType;
             const updatedMessage = await currentlyJoinedChannel.updateUserMessage(messageToUpdate.messageId, userMessageUpdateParams)
-            const messageIndex = messages.findIndex((item => item.messageId == messageToUpdate.messageId));
+            const messageIndex = messages.findIndex((item => item.messageId === messageToUpdate.messageId));
             messages[messageIndex] = updatedMessage;
             updateState({ ...state, messages: messages, messageInputValue: "", messageToUpdate: null });
         } else {
@@ -276,7 +275,7 @@ const GroupChannelCategorizeMessagesByCustomType = (props) => {
 
     const onFileInputChange = async (e) => {
         if (e.currentTarget.files && e.currentTarget.files.length > 0) {
-            const { currentlyJoinedChannel, messages } = state;
+            const { currentlyJoinedChannel } = state;
             const fileMessageParams = {};
             fileMessageParams.file = e.currentTarget.files[0];
             currentlyJoinedChannel.sendFileMessage(fileMessageParams)
@@ -447,7 +446,7 @@ const ChannelList = ({
                         </div>
                         <div>
                             <button className="control-button" onClick={() => handleDeleteChannel(channel.url)}>
-                                <img className="channel-icon" src='/icon_delete.png' />
+                                <img className="channel-icon" src='/icon_delete.png' alt=''/>
                             </button>
                         </div>
                     </div>
@@ -548,7 +547,7 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
                     <div className="message-sender-name">{message.sender.nickname}{' '}</div>
                     <div>{timestampToTime(message.createdAt)}</div>
                 </div>
-                <img src={message.url} />
+                <img src={message.url} alt=''/>
             </div >);
     }
     const messageSentByCurrentUser = message.sender.userId === sb.currentUser.userId;
@@ -562,8 +561,8 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
                 </div>
                 {messageSentByCurrentUser &&
                     <div>
-                        <button className="control-button" onClick={() => updateMessage(message)}><img className="message-icon" src='/icon_edit.png' /></button>
-                        <button className="control-button" onClick={() => handleDeleteMessage(message)}><img className="message-icon" src='/icon_delete.png' /></button>
+                        <button className="control-button" onClick={() => updateMessage(message)}><img className="message-icon" src='/icon_edit.png' alt=''/></button>
+                        <button className="control-button" onClick={() => handleDeleteMessage(message)}><img className="message-icon" src='/icon_delete.png' alt=''/></button>
                     </div>}
             </div>
             <div>{message.message}</div>
@@ -573,7 +572,7 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
 
 const ProfileImage = ({ user }) => {
     if (user.plainProfileUrl) {
-        return <img className="profile-image" src={user.plainProfileUrl} />
+        return <img className="profile-image" src={user.plainProfileUrl} alt=''/>
     } else {
         return <div className="profile-image-fallback">{user.nickname.charAt(0)}</div>;
     }
diff --git a/src/samples/GroupChannelDisplayOGTags.js b/src/samples/GroupChannelDisplayOGTags.js
index ac1a421..f37e424 100644
--- a/src/samples/GroupChannelDisplayOGTags.js
+++ b/src/samples/GroupChannelDisplayOGTags.js
@@ -1,6 +1,5 @@
 
 import { useState, useEffect, useRef } from 'react';
-import { v4 as uuid } from 'uuid';
 import SendbirdChat from '@sendbird/chat';
 import {
     GroupChannelModule,
@@ -158,7 +157,7 @@ const GroupChannelOgTags = (props) => {
     }
 
     const handleCreateChannel = async (channelName = "testChannel",) => {
-        const [groupChannel, error] = await createChannel(channelName, state.groupChannelMembers);
+        const [error] = await createChannel(channelName, state.groupChannelMembers);
         if (error) {
             return onError(error);
         }
@@ -173,7 +172,7 @@ const GroupChannelOgTags = (props) => {
     }
 
     const handleDeleteChannel = async (channelUrl) => {
-        const [channel, error] = await deleteChannel(channelUrl);
+        const [error] = await deleteChannel(channelUrl);
         if (error) {
             return onError(error);
         }
@@ -209,7 +208,7 @@ const GroupChannelOgTags = (props) => {
             const userMessageUpdateParams = {};
             userMessageUpdateParams.message = state.messageInputValue;
             const updatedMessage = await currentlyJoinedChannel.updateUserMessage(messageToUpdate.messageId, userMessageUpdateParams)
-            const messageIndex = messages.findIndex((item => item.messageId == messageToUpdate.messageId));
+            const messageIndex = messages.findIndex((item => item.messageId === messageToUpdate.messageId));
             messages[messageIndex] = updatedMessage;
             updateState({ ...state, messages: messages, messageInputValue: "", messageToUpdate: null });
         } else {
@@ -228,7 +227,7 @@ const GroupChannelOgTags = (props) => {
 
     const onFileInputChange = async (e) => {
         if (e.currentTarget.files && e.currentTarget.files.length > 0) {
-            const { currentlyJoinedChannel, messages } = state;
+            const { currentlyJoinedChannel } = state;
             const fileMessageParams = {};
             fileMessageParams.file = e.currentTarget.files[0];
             currentlyJoinedChannel.sendFileMessage(fileMessageParams)
@@ -376,7 +375,7 @@ const ChannelList = ({
                         </div>
                         <div>
                             <button className="control-button" onClick={() => handleDeleteChannel(channel.url)}>
-                                <img className="channel-icon" src='/icon_delete.png' />
+                                <img className="channel-icon" src='/icon_delete.png' alt=''/>
                             </button>
                         </div>
                     </div>
@@ -455,7 +454,7 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
                     <div className="message-sender-name">{message.sender.nickname}{' '}</div>
                     <div>{timestampToTime(message.createdAt)}</div>
                 </div>
-                <img src={message.url} />
+                <img src={message.url} alt=''/>
             </div>
         );
     }
@@ -470,8 +469,8 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
                 </div>
                 {messageSentByCurrentUser &&
                     <div>
-                        <button className="control-button" onClick={() => updateMessage(message)}><img className="message-icon" src='/icon_edit.png' /></button>
-                        <button className="control-button" onClick={() => handleDeleteMessage(message)}><img className="message-icon" src='/icon_delete.png' /></button>
+                        <button className="control-button" onClick={() => updateMessage(message)}><img className="message-icon" src='/icon_edit.png' alt=''/></button>
+                        <button className="control-button" onClick={() => handleDeleteMessage(message)}><img className="message-icon" src='/icon_delete.png' alt=''/></button>
                     </div>
                 }
             </div>
@@ -480,7 +479,7 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
                 <a className='og-tags-url' href={message.ogMetaData.url}>{message.ogMetaData.url}</a>
                 <h3 className='og-tags-title'>{message.ogMetaData.title}</h3>
                 <p className='og-tags-description'>{message.ogMetaData.description}</p>
-                <img className='og-tags-img' src={message.ogMetaData.defaultImage.url} />
+                <img className='og-tags-img' src={message.ogMetaData.defaultImage.url} alt=''/>
             </div>}
         </div>
     );
@@ -488,7 +487,7 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
 
 const ProfileImage = ({ user }) => {
     if (user.plainProfileUrl) {
-        return <img className="profile-image" src={user.plainProfileUrl} />
+        return <img className="profile-image" src={user.plainProfileUrl} alt=''/>
     } else {
         return <div className="profile-image-fallback">{user.nickname.charAt(0)}</div>;
     }
diff --git a/src/samples/GroupChannelFreezeUnfreeze.js b/src/samples/GroupChannelFreezeUnfreeze.js
index f516e26..e8a1534 100644
--- a/src/samples/GroupChannelFreezeUnfreeze.js
+++ b/src/samples/GroupChannelFreezeUnfreeze.js
@@ -1,6 +1,5 @@
 
 import { useState, useEffect, useRef } from 'react';
-import { v4 as uuid } from 'uuid';
 import SendbirdChat from '@sendbird/chat';
 import {
     GroupChannelModule,
@@ -163,7 +162,7 @@ const GroupChannelFreezeUnfreeze = (props) => {
 
     const handleFreezeChannel = async () => {
         const { currentlyJoinedChannel } = state;
-        if (state.userIdInputValue == currentlyJoinedChannel?.creator.userId) {
+        if (state.userIdInputValue === currentlyJoinedChannel?.creator.userId) {
             if (!currentlyJoinedChannel?.isFrozen) {
                 await currentlyJoinedChannel.freeze();
             } else {
@@ -177,7 +176,7 @@ const GroupChannelFreezeUnfreeze = (props) => {
     }
 
     const handleCreateChannel = async (channelName = "testChannel",) => {
-        const [groupChannel, error] = await createChannel(channelName, state.groupChannelMembers);
+        const [error] = await createChannel(channelName, state.groupChannelMembers);
         if (error) {
             return onError(error);
         }
@@ -190,7 +189,7 @@ const GroupChannelFreezeUnfreeze = (props) => {
     }
 
     const handleDeleteChannel = async (channelUrl) => {
-        const [channel, error] = await deleteChannel(channelUrl);
+        const [error] = await deleteChannel(channelUrl);
         if (error) {
             return onError(error);
         }
@@ -228,7 +227,7 @@ const GroupChannelFreezeUnfreeze = (props) => {
                 const userMessageUpdateParams = {};
                 userMessageUpdateParams.message = state.messageInputValue;
                 const updatedMessage = await currentlyJoinedChannel.updateUserMessage(messageToUpdate.messageId, userMessageUpdateParams)
-                const messageIndex = messages.findIndex((item => item.messageId == messageToUpdate.messageId));
+                const messageIndex = messages.findIndex((item => item.messageId === messageToUpdate.messageId));
                 messages[messageIndex] = updatedMessage;
                 updateState({ ...state, messages: messages, messageInputValue: "", messageToUpdate: null });
             } else {
@@ -250,7 +249,7 @@ const GroupChannelFreezeUnfreeze = (props) => {
 
     const onFileInputChange = async (e) => {
         if (e.currentTarget.files && e.currentTarget.files.length > 0) {
-            const { currentlyJoinedChannel, messages } = state;
+            const { currentlyJoinedChannel } = state;
             const fileMessageParams = {};
             fileMessageParams.file = e.currentTarget.files[0];
             currentlyJoinedChannel.sendFileMessage(fileMessageParams)
@@ -400,11 +399,11 @@ const ChannelList = ({
                             <div className="last-message">{channel.lastMessage?.message}</div>
                         </div>
                         <div>
-                            {channel.isFrozen && <img className="frozen-icon" src='/icon_freeze.png' />}
+                            {channel.isFrozen && <img className="frozen-icon" src='/icon_freeze.png' alt=''/>}
                         </div>
                         <div>
                             <button className="control-button" onClick={() => handleDeleteChannel(channel.url)}>
-                                <img className="channel-icon" src='/icon_delete.png' />
+                                <img className="channel-icon" src='/icon_delete.png' alt=''/>
                             </button>
                         </div>
                     </div>
@@ -432,7 +431,7 @@ const Channel = ({ userIdInputValue, currentlyJoinedChannel, children, handleLea
             <ChannelHeader>{currentlyJoinedChannel.name}</ChannelHeader>
             <div className="channel-controls">
                 <button className="leave-channel" onClick={handleLeaveChannel}>Leave Channel</button>
-                {currentlyJoinedChannel?.creator.userId == userIdInputValue &&
+                {currentlyJoinedChannel?.creator.userId === userIdInputValue &&
                     <div className="freeze-channel">
                         Freeze channel
                         <input type="checkbox" onChange={handleFreezeChannel} checked={currentlyJoinedChannel?.isFrozen} />
@@ -489,7 +488,7 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
                     <div className="message-sender-name">{message.sender.nickname}{' '}</div>
                     <div>{timestampToTime(message.createdAt)}</div>
                 </div>
-                <img src={message.url} />
+                <img src={message.url} alt=''/>
             </div>
         );
     }
@@ -504,8 +503,8 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
                 </div>
                 {messageSentByCurrentUser &&
                     <div>
-                        <button className="control-button" onClick={() => updateMessage(message)}><img className="message-icon" src='/icon_edit.png' /></button>
-                        <button className="control-button" onClick={() => handleDeleteMessage(message)}><img className="message-icon" src='/icon_delete.png' /></button>
+                        <button className="control-button" onClick={() => updateMessage(message)}><img className="message-icon" src='/icon_edit.png' alt=''/></button>
+                        <button className="control-button" onClick={() => handleDeleteMessage(message)}><img className="message-icon" src='/icon_delete.png' alt=''/></button>
                     </div>
                 }
             </div>
@@ -516,7 +515,7 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
 
 const ProfileImage = ({ user }) => {
     if (user.plainProfileUrl) {
-        return <img className="profile-image" src={user.plainProfileUrl} />
+        return <img className="profile-image" src={user.plainProfileUrl} alt=''/>
     } else {
         return <div className="profile-image-fallback">{user.nickname.charAt(0)}</div>;
     }
diff --git a/src/samples/GroupChannelMarkMessagesAsRead.js b/src/samples/GroupChannelMarkMessagesAsRead.js
index 5043ae7..d8c5c9d 100644
--- a/src/samples/GroupChannelMarkMessagesAsRead.js
+++ b/src/samples/GroupChannelMarkMessagesAsRead.js
@@ -183,7 +183,7 @@ const BasicGroupChannelSample = (props) => {
     }
 
     const handleCreateChannel = async (channelName = "testChannel",) => {
-        const [groupChannel, error] = await createChannel(channelName, state.groupChannelMembers);
+        const [error] = await createChannel(channelName, state.groupChannelMembers);
         if (error) {
             return onError(error);
         }
@@ -196,7 +196,7 @@ const BasicGroupChannelSample = (props) => {
     }
 
     const handleDeleteChannel = async (channelUrl) => {
-        const [channel, error] = await deleteChannel(channelUrl);
+        const [error] = await deleteChannel(channelUrl);
         if (error) {
             return onError(error);
         }
@@ -231,7 +231,7 @@ const BasicGroupChannelSample = (props) => {
             const userMessageUpdateParams = {};
             userMessageUpdateParams.message = state.messageInputValue
             const updatedMessage = await currentlyJoinedChannel.updateUserMessage(messageToUpdate.messageId, userMessageUpdateParams)
-            const messageIndex = messages.findIndex((item => item.messageId == messageToUpdate.messageId));
+            const messageIndex = messages.findIndex((item => item.messageId === messageToUpdate.messageId));
             messages[messageIndex] = updatedMessage;
             updateState({ ...state, messages: messages, messageInputValue: "", messageToUpdate: null });
         } else {
@@ -252,7 +252,7 @@ const BasicGroupChannelSample = (props) => {
 
     const onFileInputChange = async (e) => {
         if (e.currentTarget.files && e.currentTarget.files.length > 0) {
-            const { currentlyJoinedChannel, messages } = state;
+            const { currentlyJoinedChannel } = state;
             const fileMessageParams = {};
             fileMessageParams.file = e.currentTarget.files[0];
             currentlyJoinedChannel.sendFileMessage(fileMessageParams)
@@ -402,7 +402,7 @@ const ChannelList = ({
                         </div>
                         <div>
                             <button className="control-button" onClick={() => handleDeleteChannel(channel.url)}>
-                                <img className="channel-icon" src='/icon_delete.png' />
+                                <img className="channel-icon" src='/icon_delete.png' alt=''/>
                             </button>
                         </div>
                     </div>
@@ -481,7 +481,7 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
                     <div className="message-sender-name">{message.sender.nickname}{' '}</div>
                     <div>{timestampToTime(message.createdAt)}</div>
                 </div>
-                <img src={message.url} />
+                <img src={message.url} alt=''/>
             </div >);
     }
     const messageSentByCurrentUser = message.sender.userId === sb.currentUser.userId;
@@ -495,14 +495,14 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
                 </div>
                 {messageSentByCurrentUser &&
                     <div>
-                        <button className="control-button" onClick={() => updateMessage(message)}><img className="message-icon" src='/icon_edit.png' /></button>
-                        <button className="control-button" onClick={() => handleDeleteMessage(message)}><img className="message-icon" src='/icon_delete.png' /></button>
+                        <button className="control-button" onClick={() => updateMessage(message)}><img className="message-icon" src='/icon_edit.png' alt=''/></button>
+                        <button className="control-button" onClick={() => handleDeleteMessage(message)}><img className="message-icon" src='/icon_delete.png' alt=''/></button>
                     </div>}
             </div>
             <div>{message.message}</div>
             {messageSentByYou && (
                 <div>
-                    <img className={`message-icon double_tick-icon ${isMessagesRead && "double_tick-icon-read"}`} src={isMessagesRead ? '/double_tick_as_read.png' : '/double_tick.png'} />
+                    <img className={`message-icon double_tick-icon ${isMessagesRead && "double_tick-icon-read"}`} src={isMessagesRead ? '/double_tick_as_read.png' : '/double_tick.png'} alt=''/>
                 </div>
             )}
         </div>
@@ -511,7 +511,7 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
 
 const ProfileImage = ({ user }) => {
     if (user.plainProfileUrl) {
-        return <img className="profile-image" src={user.plainProfileUrl} />
+        return <img className="profile-image" src={user.plainProfileUrl} alt=''/>
     } else {
         return <div className="profile-image-fallback">{user.nickname.charAt(0)}</div>;
     }
diff --git a/src/samples/GroupChannelMembersListOrder.js b/src/samples/GroupChannelMembersListOrder.js
index 9a6693a..b196caa 100644
--- a/src/samples/GroupChannelMembersListOrder.js
+++ b/src/samples/GroupChannelMembersListOrder.js
@@ -1,6 +1,5 @@
 
 import { useState, useEffect, useRef } from 'react';
-import { v4 as uuid } from 'uuid';
 import SendbirdChat from '@sendbird/chat';
 import {
     GroupChannelModule,
@@ -157,7 +156,7 @@ const GroupChannelMembersListOrder = (props) => {
             updateState({ ...stateRef.current, currentlyJoinedChannel: channel, messages: messages.reverse(), loading: false })
         }
 
-        const collection = loadMessages(channel, messageHandlers, onCacheResult, onApiResult);
+        loadMessages(channel, messageHandlers, onCacheResult, onApiResult);
         updateState({ ...state, loading: false, members: channel.members, userIsOperator: userIsOperator })
     }
 
@@ -169,7 +168,7 @@ const GroupChannelMembersListOrder = (props) => {
     }
 
     const handleCreateChannel = async (channelName = "testChannel",) => {
-        const [groupChannel, error] = await createChannel(channelName, state.groupChannelMembers);
+        const [error] = await createChannel(channelName, state.groupChannelMembers);
         if (error) {
             return onError(error);
         }
@@ -184,7 +183,7 @@ const GroupChannelMembersListOrder = (props) => {
     }
 
     const handleDeleteChannel = async (channelUrl) => {
-        const [channel, error] = await deleteChannel(channelUrl);
+        const [error] = await deleteChannel(channelUrl);
         if (error) {
             return onError(error);
         }
@@ -220,7 +219,7 @@ const GroupChannelMembersListOrder = (props) => {
             const userMessageUpdateParams = {};
             userMessageUpdateParams.message = state.messageInputValue;
             const updatedMessage = await currentlyJoinedChannel.updateUserMessage(messageToUpdate.messageId, userMessageUpdateParams)
-            const messageIndex = messages.findIndex((item => item.messageId == messageToUpdate.messageId));
+            const messageIndex = messages.findIndex((item => item.messageId === messageToUpdate.messageId));
             messages[messageIndex] = updatedMessage;
             updateState({ ...state, messages: messages, messageInputValue: "", messageToUpdate: null });
         } else {
@@ -240,7 +239,7 @@ const GroupChannelMembersListOrder = (props) => {
 
     const onFileInputChange = async (e) => {
         if (e.currentTarget.files && e.currentTarget.files.length > 0) {
-            const { currentlyJoinedChannel, messages } = state;
+            const { currentlyJoinedChannel } = state;
             const fileMessageParams = {};
             fileMessageParams.file = e.currentTarget.files[0];
             currentlyJoinedChannel.sendFileMessage(fileMessageParams)
@@ -429,7 +428,7 @@ const ChannelList = ({
                         </div>
                         <div>
                             <button className="control-button" onClick={() => handleDeleteChannel(channel.url)}>
-                                <img className="channel-icon" src='/icon_delete.png' />
+                                <img className="channel-icon" src='/icon_delete.png' alt=''/>
                             </button>
                         </div>
                     </div>
@@ -488,7 +487,7 @@ const MembersList = ({ channel, members, sortMembers, handleMemberInvite, regist
                             {userIsOperator && <div key={member.userId} className="member-item-wrapper">
                                 <div className="member-item">
                                     {member.nickname}
-                                    {isOperator && <img className="message-icon" src='/operator_icon.png' />}
+                                    {isOperator && <img className="message-icon" src='/operator_icon.png' alt=''/>}
                                 </div>
                                 {memberIsSender && <button onClick={() => registerUnregisterAnOperator(member)}>
                                     {isOperator ? "Unregister as operator" : "Register as operator"}
@@ -497,7 +496,7 @@ const MembersList = ({ channel, members, sortMembers, handleMemberInvite, regist
                             {!userIsOperator && <div className="member-item-wrapper">
                                 <div className="member-item">
                                     {member.nickname}
-                                    {isOperator && <img className="message-icon" src='/operator_icon.png' />}
+                                    {isOperator && <img className="message-icon" src='/operator_icon.png' alt=''/>}
                                 </div>
                             </div>}
                         </div>
@@ -537,7 +536,7 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
                     <div className="message-sender-name">{message.sender.nickname}{' '}</div>
                     <div>{timestampToTime(message.createdAt)}</div>
                 </div>
-                <img src={message.url} />
+                <img src={message.url} alt=''/>
             </div >);
     }
     const messageSentByCurrentUser = message.sender.userId === sb.currentUser.userId;
@@ -550,8 +549,8 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
                     <div>{timestampToTime(message.createdAt)}</div>
                 </div>
                 {messageSentByCurrentUser && <div>
-                    <button className="control-button" onClick={() => updateMessage(message)}><img className="message-icon" src='/icon_edit.png' /></button>
-                    <button className="control-button" onClick={() => handleDeleteMessage(message)}><img className="message-icon" src='/icon_delete.png' /></button>
+                    <button className="control-button" onClick={() => updateMessage(message)}><img className="message-icon" src='/icon_edit.png' alt=''/></button>
+                    <button className="control-button" onClick={() => handleDeleteMessage(message)}><img className="message-icon" src='/icon_delete.png' alt=''/></button>
                 </div>}
             </div>
             <div>{message.message}</div>
@@ -561,7 +560,7 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
 
 const ProfileImage = ({ user }) => {
     if (user.plainProfileUrl) {
-        return <img className="profile-image" src={user.plainProfileUrl} />
+        return <img className="profile-image" src={user.plainProfileUrl} alt=''/>
     } else {
         return <div className="profile-image-fallback">{user.nickname.charAt(0)}</div>;
     }