How to write a babel plug-in for jsx?

var babel = require("babel-core");
var t = require("babel-types");

const visitor = {}

visitor.JSXElement = function(path) {
    ...
}

module.exports = function(babel) {
    return {
        visitor
    };
}

var babel = require("babel-core");

const result = babel.transform("<div>234</div>",{
  plugins:[
     require("./babel-jsx")
  ]
});

but an error is reported at run time. It is probably impossible to recognize

234 < / div >?

Front-end jsx ast babel

Mar.13,2021

what is written in your visitor

requires react jsx

const result = babel.transform("<div>234</div>",{
  presets: ['react'],
  plugins:[
     require("./babel-jsx")
  ]
});