use useCallback when needed, from components

SimplQ · Feb 14, 2021 · bb8f29a · bb8f29a
1 parent 65e2c1b
commit bb8f29a
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 6 deletions.
diff --git a/simplq/src/components/pages/Status/index.jsx b/simplq/src/components/pages/Status/index.jsx
@@ -1,5 +1,6 @@
 import HeaderSection from 'components/common/HeaderSection';
-import React, { useEffect } from 'react';
+import React, { useEffect, useCallback } from 'react';
+
 import { useDispatch, useSelector } from 'react-redux';
 import { useGetToken } from 'store/asyncActions';
 import { selectToken } from 'store/token';
@@ -13,7 +14,7 @@ function QueueStatus(props) {
   const tokenId = props.match.params.tokenId;
   const dispatch = useDispatch();
   const token = useSelector(selectToken);
-  const getToken = useGetToken();
+  const getToken = useCallback(useGetToken(), []);
 
   useEffect(() => {
     dispatch(getToken({ tokenId, refresh: true }));

diff --git a/simplq/src/store/asyncActions/deleteToken.js b/simplq/src/store/asyncActions/deleteToken.js
@@ -1,7 +1,6 @@
 import { createAsyncThunk } from '@reduxjs/toolkit';
 import { useMakeAuthedRequest } from 'api/auth';
 import * as RequestFactory from 'api/requestFactory';
-import { useCallback } from 'react';
 import { useDispatch } from 'react-redux';
 import { useHistory } from 'react-router';
 import { setInfoPopupMessage } from 'store/appSlice';
@@ -29,7 +28,7 @@ const useDeleteToken = () => {
     return response;
   });
 
-  return useCallback(deleteToken, []);
+  return deleteToken;
 };
 
 const deleteToken = createAsyncThunk(typePrefix);

diff --git a/simplq/src/store/asyncActions/getToken.js b/simplq/src/store/asyncActions/getToken.js
@@ -1,7 +1,6 @@
 import { createAsyncThunk } from '@reduxjs/toolkit';
 import useAuth, { makeAuthedRequest } from 'api/auth';
 import * as RequestFactory from 'api/requestFactory';
-import { useCallback } from 'react';
 
 const typePrefix = 'getToken/action';
 let timer = null;
@@ -29,7 +28,7 @@ const useGetToken = () => {
     return response;
   });
 
-  return useCallback(getToken, []);
+  return getToken;
 };
 
 const getToken = createAsyncThunk(typePrefix);