Need to add a custom Add video button and retain the existing embed link

[akash1201]

Here is my code snippet with custom upload a video button.

  Now when I try to retain the existing embed video button like this 
  
 `  <div id="toolbar" style={{ borderBottom: "none" }}>
    <select className="ql-header" defaultValue="" onChange={e => e.persist()}>
      <option value="1">Heading 1</option>
      <option value="2">Heading 2</option>
      <option value="3">Heading 3</option>
      <option value="4">Heading 4</option>
      <option value="" selected>
        Normal
      </option>
    </select>
    <button className="ql-bold"></button>
    <button className="ql-italic"></button>
    <button className="ql-underline"></button>
    <button className="ql-strike"></button>
    <button className="ql-blockquote"></button>
    <button className="ql-list" value="ordered"></button>
    <button className="ql-list" value="bullet"></button>
    <button className="ql-indent" value="-1"></button>
    <button className="ql-indent" value="+1"></button>
    <button className="ql-indent" value="+2"></button>
    <button className="ql-link"></button>
    <button className="ql-image"></button>
    <button className="ql-code-block"></button>
    <button className="ql-clean"></button>
   <button className="ql-video"></button> 
    {videoButton ? videoButton : <></>}
  </div>
  <ReactQuill
    theme="snow"
    value={value}
    style={props.style}
    onChange={onChange}
    modules={videoButton ? isMobile  ? mobileModules : { ...modules, toolbar: '#toolbar' } : isMobile  ? mobileModules : modules}
    // modules={modules}
    className={className}
    placeholder={placeholder}
    ref={editorRef}
  />

`

The option is retained, but the problem here is when I click on the embed video button it triggers the uplaod file popup which is the custom video button feature.

Is there any way to achieve it?