Breaking News: Grepper is joining You.com. Read the official announcement!

pusher js and usecontext

Famous Falcon answered on September 23, 2022 Popularity 1/10 Helpfulness 1/10

answer pusher js and usecontext

pusher js and usecontext

Comment

import React, { useContext, useEffect, useRef } from "react";
import Pusher from "pusher-js";

const PusherContext = React.createContext<Pusher | undefined>(undefined);
export const usePusher = () => useContext(PusherContext)

export const PusherProvider: React.FC = (props) => {
    const clientRef = useRef<Pusher>();

    useEffect(() => {
        if (!clientRef.current) {
            clientRef.current = new Pusher('pusher_key', {
                cluster: 'pusher_cluster',
                authEndpoint: 'auth_endpoint',
            })
        }
    }, [clientRef]);

    return (
        <PusherContext.Provider value={clientRef?.current}>
            {props.children}
        </PusherContext.Provider>
    )
}

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: javascript pusher-js use-context

Link to this answer
Share Copy Link