message-factory.ts

const knownTypes = {}

export const messageFactory = {
  registerType: (type, Component) => knownTypes[type] = Component,
  
  render: (message) => {
    const Component = knownTypes[message.type]
    
    if (!Component) {
      throw new Error('Unknown message type')
    }
    
    return <Component message={message} />
  }
}