fix: Safe connector not working in some Vite apps

[iceanddust]

Description

Fixes #4364 by using the same logic applied in the MetaMask and CoinbaseWallet connectors

[changeset-bot]

🦋 Changeset detected

Latest commit: 85c3c34

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 3 packages

Name	Type
@wagmi/connectors	Patch
wagmi	Patch
@wagmi/vue	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
wagmi	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 5, 2024 9:08pm

[1997roylee]

I recommend not making a code change for this issue. Please refer to this link for more details.

Instead, you might consider replacing your vite.config.ts with the following code:

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";

// https://vitejs.dev/config/
export default defineConfig({
  root: "src",
  envDir: "./",
  build: {
    outDir: "./dist",
  },
  plugins: [react()],
  optimizeDeps: {
    include: ["@safe-global/safe-apps-provider"],
  },
});