Untitled

import { useOutletContext } from 'react-router-dom';

export default function useGetPriceString() {

   const {
      isYearly,
      prices,
      pricesText,
      addonPrices

   } = useOutletContext()

   function priceString(num, type) {
      if (type == "service") {
         return `$${isYearly ? (prices[num] * 10) + pricesText[1] : prices[num] + pricesText[0]}`
      } else if (type == "addon") {
         return `$${isYearly ? (addonPrices[num] * 10) + pricesText[1] : addonPrices[num] + pricesText[0]}`
      }
   }

   return { priceString }
}

//Verwendung

const { priceString } = useGetPriceString()

<span>{priceString(1, "addon")}</span>