Custom Jetbrains snippet for React Context Provider pattern.

rcpSnippet.tsx

import { createContext, useContext, useState, ReactNode } from 'react';

interface $NAME$State {
  $END$
}

interface $NAME$ContextProps {
  $NAME$: $NAME$State;
  set$NAME$: (newState: $NAME$State) => void;
}

const $NAME$Context = createContext<$NAME$ContextProps| undefined>(undefined);

export function $NAME$Provider({ children }: { children: ReactNode }) {
  const [ $NAME$, set$NAME$ ] = useState<$NAME$State>({});
  return (
    <$NAME$Context.Provider value={{
      $NAME$,
      set$NAME$,
    }}>
      {children}
    </$NAME$Context.Provider>
  );
}

export function use$NAME$() : $NAME$ContextProps {
  const context = useContext<$NAME$ContextProps | undefined>($NAME$Context);
  if (!context) {
    throw new Error('use$NAME$ must be used within a $NAME$Provider');
  }
  return context;
}