[Help] Rendering my own react component inside rocket chat

Development
1

Hi,
i am trying to render my own react component inside rocket chat. It seems like the default way of rendering the react component does not work. Is there a guide on this?
Please find the code snippet below

component.js
import React, { Component } from 'react';

export default class HelloWorld extends React.Component {
  render() {
    return (
      <h1>Hello World</h1>
    );
  }
}

Inside Template.message.Helpers

HelloWorld() {
	return HelloWorld;
  },

Inside template Message.html
{{> React component = HelloWorld}}

Thanks