How to change the default config in MathJax?

Question

I am using mkdocs-material to build a website. In my mkdocs.yml file I have

extra_javascript:
  - javascripts/mathjax.js
  - https://polyfill.io/v3/polyfill.min.js?features=es6
  - https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js

where the last line is version3 of MathJax default config. Then I also have the mathjax.js file which I'm hoping to use to alter the default config. Right now mathjax.js looks like

window.MathJax = {
  tex: {
    inlineMath: [["\\(", "\\)"]],
    displayMath: [["\\[", "\\]"]],
    processEscapes: true,
    processEnvironments: true
  },
  options: {
    ignoreHtmlClass: ".*|",
    processHtmlClass: "arithmatex"
  },
  menuSettings: { 
    zoom: "Double-Click"
  }
};

document$.subscribe(() => { 
  MathJax.typesetPromise()
})

where I'm trying to use menuSettings to change the behaviour of zoom function so that it's active on a double-click. Building the website like so has no effect on the menuSettings and I cannot figure out what to do. What is the correct way of making it so zoom's behaviour gets altered?

A lot of the documentation for this function is for version2 of MathJax but I'm using version3 and I don't know how to work with it.