You cannot select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
	
	
		
			15 lines
		
	
	
		
			484 B
		
	
	
	
		
			TypeScript
		
	
			
		
		
	
	
			15 lines
		
	
	
		
			484 B
		
	
	
	
		
			TypeScript
		
	
| import { createContext, useContext } from 'react';
 | |
| 
 | |
| /**
 | |
|  * This React context is used to share deep into a node tree the message ID we are currently rendering.
 | |
|  * This is to avoid passing the prop to all the subtree component
 | |
|  */
 | |
| const ContextMessageId = createContext<string | undefined>(undefined);
 | |
| 
 | |
| export const ContextMessageProvider = ContextMessageId.Provider;
 | |
| 
 | |
| export function useMessageIdFromContext() {
 | |
|   const messageId = useContext(ContextMessageId);
 | |
|   return messageId;
 | |
| }
 |