Refactor useCallback to useMemo

Author: masiulis

src/hooks/useRsiInitialStep.ts

@@ -1,11 +1,11 @@
-import { useCallback } from "react"
+import { useMemo } from "react"
 import { StepType } from "../steps/UploadFlow"
 
-export const useRsiInitialStep = (step: StepType) => {
+export const useRsiInitialStep = (initialStep?: StepType) => {
   const steps = ["uploadStep", "selectHeaderStep", "matchColumnsStep", "validationStep"] as const
 
-  const getInitialStep = useCallback((step: StepType) => {
-    switch (step) {
+  const initialStepNumber = useMemo(() => {
+    switch (initialStep) {
       case StepType.upload:
         return 0
       case StepType.selectSheet:
@@ -21,5 +21,5 @@ export const useRsiInitialStep = (step: StepType) => {
     }
   }, [])
 
-  return { steps, initialStep: getInitialStep(step) }
+  return { steps, initialStep: initialStepNumber }
 }

src/steps/Steps.tsx

@@ -1,4 +1,4 @@
-import { UploadFlow, StepType } from "./UploadFlow"
+import { UploadFlow } from "./UploadFlow"
 import { ModalHeader } from "@chakra-ui/react"
 import { useSteps, Step, Steps as Stepper } from "chakra-ui-steps"
 import { CgCheck } from "react-icons/cg"
@@ -10,7 +10,7 @@ const CheckIcon = ({ color }: { color: string }) => <CgCheck size="2.25rem" colo
 export const Steps = () => {
   const { initialStepState, translations } = useRsi()
 
-  const { steps, initialStep } = useRsiInitialStep(initialStepState?.type || StepType.upload)
+  const { steps, initialStep } = useRsiInitialStep(initialStepState?.type)
 
   const { nextStep, activeStep } = useSteps({
     initialStep,