{
if (i === cids.length) {
setUnreadAny(false);
}
- });
+ }, [chatNotify, chatOpen, channels, unread, mute]);
return (
{
break;
default:
}
- }, []);
+ }, [dispatch]);
const onPressStop = useCallback((event) => {
event.preventDefault();
@@ -84,12 +84,12 @@ const MovementControls = () => {
break;
default:
}
- }, []);
+ }, [dispatch]);
const onCancel = useCallback((event) => {
event.preventDefault();
dispatch(cancelMove());
- }, []);
+ }, [dispatch]);
const refCallBack = useCallback((node) => {
if (!node) {
diff --git a/src/components/contextmenus/ChannelDropDown.jsx b/src/components/contextmenus/ChannelDropDown.jsx
index 6a9ee5ea..4b9db013 100644
--- a/src/components/contextmenus/ChannelDropDown.jsx
+++ b/src/components/contextmenus/ChannelDropDown.jsx
@@ -51,7 +51,7 @@ const ChannelDropDown = ({
setType(chType);
}
}
- }, [show]);
+ }, [show, channels, chatChannel]);
useEffect(() => {
const cids = Object.keys(channels);
@@ -90,7 +90,7 @@ const ChannelDropDown = ({
if (i === cids.length) {
setUnreadAny(false);
}
- }, [channels, unread]);
+ }, [channels, unread, mute, unreadAny]);
useEffect(() => {
const cids = Object.keys(channels);
diff --git a/src/components/embeds/TikTok.jsx b/src/components/embeds/TikTok.jsx
index babf27cd..19d20166 100644
--- a/src/components/embeds/TikTok.jsx
+++ b/src/components/embeds/TikTok.jsx
@@ -27,7 +27,7 @@ const TikTok = ({ url }) => {
}
}
fetchData();
- }, []);
+ }, [url]);
if (!embedCode) {
return
LOADING
;
diff --git a/src/components/hooks/clickOutside.js b/src/components/hooks/clickOutside.js
index 35c46845..4acf11b3 100644
--- a/src/components/hooks/clickOutside.js
+++ b/src/components/hooks/clickOutside.js
@@ -19,7 +19,7 @@ export function useConditionalClickOutside(insideRefs, active, callback) {
|| !ref.current.contains(event.target))) {
callback();
}
- }, [callback]);
+ }, [callback, insideRefs]);
const handleWindowResize = useCallback(() => {
callback();
@@ -37,7 +37,7 @@ export function useConditionalClickOutside(insideRefs, active, callback) {
});
window.removeEventListener('resize', handleWindowResize);
}
- }, [active, callback]);
+ }, [active, handleClickOutside, handleWindowResize]);
}
/*
diff --git a/src/components/hooks/link.js b/src/components/hooks/link.js
index aacd608a..21614c8a 100644
--- a/src/components/hooks/link.js
+++ b/src/components/hooks/link.js
@@ -126,7 +126,7 @@ function useLink() {
// open within window
contextData.changeType(windowType, title, args);
- }, [contextData]);
+ }, [contextData, dispatch]);
}
export default useLink;
diff --git a/src/components/hooks/postMessage.js b/src/components/hooks/postMessage.js
index 8068a4cf..0c3a0355 100644
--- a/src/components/hooks/postMessage.js
+++ b/src/components/hooks/postMessage.js
@@ -19,7 +19,7 @@ function usePostMessage(iFrameRef, callback) {
window.addEventListener('message', handleMessage, false);
return () => window.removeEventListener('message', handleMessage);
- }, []);
+ }, [iFrameRef]);
}
export default usePostMessage;
diff --git a/src/components/hooks/resize.js b/src/components/hooks/resize.js
index 0c40f3c9..67726b73 100644
--- a/src/components/hooks/resize.js
+++ b/src/components/hooks/resize.js
@@ -1,6 +1,4 @@
/*
- * @flex
- *
* can be used in react components
* to trigger on window resize
*/
diff --git a/src/components/windows/Settings.jsx b/src/components/windows/Settings.jsx
index cb40d297..64327e05 100644
--- a/src/components/windows/Settings.jsx
+++ b/src/components/windows/Settings.jsx
@@ -53,7 +53,7 @@ const SettingsItemSelect = ({
);
-function Settings() {
+const Settings = () => {
const [
isGridShown,
isPixelNotifyShown,
@@ -194,6 +194,6 @@ function Settings() {
)}