SomethingContext.js

import React, { useContext, createContext, useState, useRef } from "react";
import { useParams } from "react-router-dom";
import useBluelagoon from "../bluelagon/hooks/useBluelagoon";

const SomethingContext = createContext();

function useProvideSomething() {
    const { id } = useParams();

    const { wrappedApi, isLoading, error, response } = useBluelagoon({
        method: "getSomethingData",
    });
    const handleFetchData = React.useCallback(() => {
        wrappedApi({
            _id: id,
        });
    }, [wrappedApi, id]);

    React.useEffect(() => {
        handleFetchData();
    }, [id]);

    return {
        refetch: handleFetchData,
        isLoading,
        error,
        response,
        id,
    };
}

export function useSomething() {
    return useContext(SomethingContext);
}

export function ProvideSomething({ children }) {
    const fact = useProvideSomething();
    return (
        <SomethingContext.Provider value={fact}>
            {children}
        </SomethingContext.Provider>
    );
}