[docs] Add cache to avoid unnecessary jsx dynamic import and theme getting

[Vxee]

…mport and theme getting

• I have followed (at least) the PR section of the contributing guide.

[mui-bot]

Netlify deploy preview

https://deploy-preview-43139--material-ui.netlify.app/

Bundle size report

No bundle size changes (Toolpad)
No bundle size changes

Generated by 🚫 dangerJS against c45e63d

[Vxee]

@siriwatknp I added a cache to avoid every time the components mount will load the jsx asserts and get theme seting from window again. It is an enhancement for #42879.

[alexfauquette]

With that modification, you will need to refresh the page to update the applied theme. Otherwise, I don't see how you can get a different globalInjectThemeCache

[Vxee]

@alexfauquette Yes, only refresh the page can update the theme, I think the inject theme will not change frequently.

[Vxee]

@siriwatknp Can you help to review this PR?

[Vxee]

@mnajdova Can you help to review this?

[Vxee]

@alexfauquette Thanks. Do you now when will use the next branch to deploy the document site again? I want to verify my function.

[alexfauquette]

I want to verify my function.

You can already test on https://deploy-preview-43139--material-ui.netlify.app/

Notice the format https://deploy-preview-<PR number>--material-ui.netlify.app/

[Vxee]

@alexfauquette I have verified my function, and it is working! I have created anothor MR to update the jsx name exposed in window. It should be jsxRutime.

After that, I will create a public chrome extension, so it can be used by everyone.