Create a simple ReactJs plugin and export to my tiddlywiki

[yedhukrishna]

I have one question, i followed this link ,

https://tiddlywiki.com/dev/#Using%20ES2016%20for%20Writing%20Plugins

but could not find .babelrc folder to add es2015.
Also , ```
npm install --global babel-cli babel-presets-es2015

User
 npm install --global babel-cli babel-presets-es2015
npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/babel-presets-es2015 - Not found
npm ERR! 404 
npm ERR! 404  'babel-presets-es2015@*' is not in this registry.
 i was getting this error. 
Thats why I ran npm install --global babel-cli @babel/preset-env 



import { widget as Widget } from '$:/core/modules/widgets/widget.js';
import { IChangedTiddlers } from 'tiddlywiki';
import './index.css';
import React from 'react';
import ReactDOM from 'react-dom';

// Define your React component
class MyReactComponent extends React.Component {
  handleClick = () => {
    alert('Button clicked!');
  };

  render() {
    return <button onClick={this.handleClick}>Click me</button>;
  }
}

class ExampleWidget extends Widget {
  refresh(_changedTiddlers: IChangedTiddlers) {
    return false;
  }

  render(parent: Element, nextSibling: Element) {
    this.parentDomNode = parent;
    this.execute();

    // Render the React component into the parent
    ReactDOM.render(<MyReactComponent />, parent, nextSibling);
  }
}

// Export the ExampleWidget
declare let exports: {
  Radnom: typeof ExampleWidget;
};
exports.Radnom = ExampleWidget;

I was trying this do it via the react component, but   ReactDOM.render(<MyReactComponent />, parent, nextSibling); its not exporting the react component properly.

Could you please guide me?