Getting this error when I try to use <Window/> component in my next.js app

[umershaikh123]

Using packages
"@relaycc/receiver": "^0.1.76",
"@xmtp/xmtp-js": "^7.13.0",
"next": "13.0.7",

App.js

import "@/styles/globals.css";
import "@rainbow-me/rainbowkit/styles.css";

import { getDefaultWallets, RainbowKitProvider } from "@rainbow-me/rainbowkit";
import { configureChains, createClient, WagmiConfig, useSigner } from "wagmi";
import { mainnet, polygon, optimism, arbitrum } from "wagmi/chains";
import { alchemyProvider } from "wagmi/providers/alchemy";
import { publicProvider } from "wagmi/providers/public";
import { useEffect } from "react";

import { useWallet } from "@relaycc/receiver";
const { chains, provider } = configureChains(
  [mainnet, polygon, optimism, arbitrum],
  [
    alchemyProvider({ apiKey: "TM_2HoUNaGB5IX6grUxMx9dWOti85Kff" }),
    publicProvider(),
  ]
);

const { connectors } = getDefaultWallets({
  appName: "My RainbowKit App",
  chains,
});

const wagmiClient = createClient({
  autoConnect: true,
  connectors,
  provider,
});

export default function App({ Component, pageProps }) {
  return (
    <WagmiConfig client={wagmiClient}>
      <RainbowKitProvider chains={chains}>
        <MyWalletComponent />
        <Component {...pageProps} />
      </RainbowKitProvider>
    </WagmiConfig>
  );
}

function MyWalletComponent() {
  // Access the user's connected wallet.
  const signer = useSigner();
  const [wallet, setWallet] = useWallet();

  useEffect(() => {
    // When the user's connected wallet updates, use setWallet to provide
    // the updated wallet to Receiver
    setWallet(signer.data || null);
  }, [signer.data]);
  return <></>;
}

index.js

import { ConnectButton } from "@rainbow-me/rainbowkit";
import { Window, useLaunch, useIsOpen } from "@relaycc/receiver";

 

export default function Home() {
  const launch = useLaunch();
  const isOpen = useIsOpen();

  return (
    <>
        <Intercom>
        <Window />
      </Intercom>
      
      <button onClick={() => launch()}>Open Conversations List</button>
      <button
        onClick={() => launch("0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045")}
      >
        Talk to Vitalik
      </button>
      <button
        onClick={
          () => launch("0x31600D5AF12782205F42998b19567B550c1D464e") //address of the organizer
        }
      >
        chat
      </button>
      
      <ConnectButton />;
    </>
  );
}