fixed node loading hook

src/components/boris/BorisStats/index.tsx

@@ -1,5 +1,5 @@
 import React, { FC } from 'react';
-import { BorisUsageStats, IBorisState } from '~/redux/boris/reducer';
+import { BorisUsageStats } from '~/redux/boris/reducer';
 import { BorisStatsGit } from '../BorisStatsGit';
 import { BorisStatsBackend } from '../BorisStatsBackend';
 

src/components/input/Button/index.tsx

@@ -48,7 +48,19 @@ const Button: FC<IButtonProps> = memo(
           has_icon_right: !!iconRight,
           round,
         }),
-      [className, size, color, disabled, stretchy, iconLeft, iconRight, title, children, iconOnly, round]
+      [
+        className,
+        size,
+        color,
+        disabled,
+        stretchy,
+        iconLeft,
+        iconRight,
+        title,
+        children,
+        iconOnly,
+        round,
+      ]
     );
 
     return (

src/components/node/NodeTextBlock/index.tsx

@@ -9,7 +9,9 @@ import markdown from '~/styles/common/markdown.module.scss';
 interface IProps extends INodeComponentProps {}
 
 const NodeTextBlock: FC<IProps> = ({ node }) => {
-  const content = useMemo(() => formatTextParagraphs(path(['blocks', 0, 'text'], node) || ''), [node]);
+  const content = useMemo(() => formatTextParagraphs(path(['blocks', 0, 'text'], node) || ''), [
+    node,
+  ]);
 
   return (
     <div

src/utils/hooks/node/useFullNode.ts

@@ -14,7 +14,7 @@ export const useFullNode = (id: string) => {
     lastSeenCurrent,
   } = useShallowSelect(selectNode);
 
-  useLoadNode(id, isLoading);
+  useLoadNode(id);
   useOnNodeSeen(node);
 
   return { node, comments, commentsCount, related, lastSeenCurrent, isLoading, isLoadingComments };

src/utils/hooks/node/useLoadNode.ts

@@ -4,15 +4,14 @@ import { useDispatch } from 'react-redux';
 import { EMPTY_NODE } from '~/redux/node/constants';
 
 // useLoadNode loads node on id change
-export const useLoadNode = (id: any, isLoading: boolean) => {
+export const useLoadNode = (id: any) => {
   const dispatch = useDispatch();
 
   useEffect(() => {
-    if (isLoading) return;
     dispatch(nodeGotoNode(parseInt(id, 10), undefined));
 
     return () => {
       dispatch(nodeSetCurrent(EMPTY_NODE));
     };
-  }, [dispatch, id, isLoading]);
+  }, [dispatch, id]);
 };

src/utils/hooks/useInputPasteUpload.ts

@@ -6,13 +6,16 @@ export const useInputPasteUpload = (
   input: HTMLTextAreaElement | HTMLInputElement | undefined,
   onUpload: (files: File[]) => void
 ) => {
-  const onPaste = useCallback(async event => {
+  const onPaste = useCallback(
+    async event => {
       const image = await getImageFromPaste(event);
 
       if (!image) return;
 
       onUpload([image]);
-  }, [onUpload]);
+    },
+    [onUpload]
+  );
 
   useEffect(() => {
     if (!input) return;

src/utils/hooks/useNodeFormFormik.ts

@@ -36,10 +36,13 @@ export const useNodeFormFormik = (
   stopEditing: () => void
 ) => {
   const dispatch = useDispatch();
-  const onSubmit = useCallback((values: INode, helpers: FormikHelpers<INode>) => {
+  const onSubmit = useCallback(
+    (values: INode, helpers: FormikHelpers<INode>) => {
       helpers.setSubmitting(true);
       dispatch(nodeSubmitLocal(values, onSuccess(helpers)));
-  }, [dispatch]);
+    },
+    [dispatch]
+  );
 
   const { current: initialValues } = useRef(values);