Two toolbar icons after updating to WebExtension

Hi everyone, I am testing my WebExtension upgrade, I followed this doc https://developer.apple.com/documentation/safariservices/safari_web_extensions/converting_a_safari_app_extension_to_a_safari_web_extension

I have the previous App extension installed, but when I installed the new WebExtension app, I see two icons on the toolbar, one is not clickable. (screenshot here https://drive.google.com/file/d/1Sl-0a_-zWaI6wFunbVaXRlQnyocrjQwB/view)

After I enable the WebExtension and restart Safari, there is only one toolbar icon and everything works fine.

I would like to ask does anyone also have seen this issue? I am testing everything with self-signed apps, will this issue still occur when we publish the app on store?

Thanks a lot

Just to be more detailed, when I migrating to WebExt, I didn't remove the AppExt bundle in my app.

So the app have both AppExt and WebExt, and WebExt has the SFSafariAppExtensionBundleIdentifiersToReplace key to replace the AppExt.

I was hoping the app can be compatible with both Safari 12/13 and Safari 14+.

Is this a valid practice?

Thank you very much

Two toolbar icons after updating to WebExtension
 
 
Q