vast moss
When I add client:load to a component that holds all the config providers it gives me the following:
If I remove that the connect button is there but hidden/ w/opacity.
Cyclic reference detected while serializing props for <Connector client:load>!
Cyclic references cannot be safely serialized for client-side usage. Please remove the cyclic reference.
jade anchorBOT
Hi @vast moss. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
Hmm, I don't know enough to give you a confident answer yet. The extracts provided do not contain specific information about handling cyclic references in Astro. However, the error message suggests that there is a cyclic reference in your props which cannot be serialized for client-side usage. You might need to revise your component structure or the way you're passing props to avoid this issue.
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
vast moss
When I add client:load to my connector I get a build error.
---
import "@rainbow-me/rainbowkit/styles.css";
import { getDefaultWallets, RainbowKitProvider } from "@rainbow-me/rainbowkit";
import { configureChains, createConfig, WagmiConfig } from "wagmi";
import { base, baseGoerli } from "wagmi/chains";
import { publicProvider } from "wagmi/providers/public";
import Layout from "../layouts/Layout.astro";
import Connector from "../components/Connector";
const { chains, publicClient } = configureChains(
[base, baseGoerli],
[publicProvider()]
);
const { connectors } = getDefaultWallets({
appName: "frontpage",
projectId: import.meta.env.PUBLIC_WALLET_CONNECT_PROJECT_ID,
chains,
});
const wagmiConfig = createConfig({
autoConnect: true,
connectors,
publicClient,
});
---
<Layout title="Guestbook" pageKey="guestbook">
<Connector wagmiConfig={wagmiConfig} chains={chains} client:load />
</Layout>
sinful geyser
@vast moss
I'm not sure, but I can suggest trying to use the client:only directive. for example client:only="react"
https://docs.astro.build/en/reference/directives-reference/#clientonly
vast moss
Something is wierd. If I remove it entirely I can see a hidden component. but if I add that script it only shows react in that section/island. https://frontpage-7br87j671-artivilla.vercel.app/guestbook
found a search to filter by: https://github.com/search?q="%40rainbow-me%2Frainbowkit"+"%40astrojs%2Freact"+path%3A**%2Fpackage.json&type=code
