mister-webdev / movie-app

import { useState } from 'react'

export const useSessionStorage = (key: string, initialValue: string) => {

  const [storedValue, setStoredValue] = useState(() => {

    try {

      const item = window.sessionStorage.getItem(key)

      return item ? JSON.parse(item) : initialValue

    } catch (error) {

      console.error(error)

      return initialValue

    }

  })

    try {

      const valueToStore =

        value instanceof Function ? value(storedValue) : value

      setStoredValue(valueToStore)

      window.sessionStorage.setItem(key, JSON.stringify(valueToStore))

    } catch (error) {

      console.log(error)

    }

  }

  return [storedValue, setValue]

}