I use Web3Modal for connecting wallet. Their code don't support what social media I want to connect on Venly.

So I did a custom provider as their doc suggest.

options["custom-venly"] = {
        display: {},
        package: Venly,
        options: {
            clientId: Config.getInstance().get().wallet.ethereum.venly.clientId,
            secretType: Config.getInstance().get().wallet.ethereum.venly.secretType as SecretType,
            environment: Config.getInstance().get().wallet.ethereum.venly.environment,
            authenticationOptions: { idpHint },
            windowMode: Config.getInstance().get().wallet.ethereum.venly.windowMode,
            skipAuthentication: Config.getInstance().get().wallet.ethereum.venly.skipAuthentication,
        },
        connector: async (ProviderPackage: typeof Venly, options: VenlySubProviderOptions) => {
            try {
                const provider = await ProviderPackage.createProviderEngine(options);
                return provider;
            } catch (error) {
                return console.warn(error);
            }
        },
    };

It works well except on safari.

Anyone already comes through this issue ?

Edit: I made a codesandbox template to reproduce my problem -> https://codesandbox.io/s/beautiful-wilbur-qqbzs3?file=/src/App.js

As you can see, it works well on chrome etc... but not safari