Plugin generation error

Hi there i followed plugin tutorial from you websiteand i have this config:
admin-src-components-mhcRoi-index.js

index.js

import React, { Component } from 'react';
class mhcRoi extends Component {
    render() {
        return (
         Yeah! My component is working fine   
        );
    }
}
export default mhcRoi;

my admin-src-containers-HomePage-index.js
consits of

import React, { memo } from 'react';
// import PropTypes from 'prop-types';
import pluginId from '../../pluginId';
import mhcRoi from '../../components/mhcRoi';
const HomePage = () => {
  return (
       <mhcRoi/>,
      {pluginId}&apos;s daily ROI => EMAIL
      Happy statistics
  );
};

export default memo(HomePage);

I see no error on the page just empty space where the text should apear “Yeah! My component is working fine”. What am i doing wrong?

this is the output of yarn develop --watch-admin

[2021-03-25T14:45:43.446Z] debug POST /admin/renew-token (42 ms) 200
[2021-03-25T14:45:43.453Z] debug GET /admin/init (42 ms) 200
[2021-03-25T14:45:43.696Z] debug GET /admin/information (20 ms) 200
[2021-03-25T14:45:43.744Z] debug GET /content-manager/content-types (22 ms) 200
[2021-03-25T14:45:43.916Z] debug GET /admin/users/me/permissions (38 ms) 200
[2021-03-25T14:45:44.062Z] debug GET /content-manager/content-types (24 ms) 200

thnx