_app.js

import * as React from "react";
import { Web3ReactProvider } from "@web3-react/core";
import { Web3Provider } from "@ethersproject/providers";
import { Symfoni } from "@/hardhat/SymfoniContext";

// Import Font Styles
// You can find fonts at https://fonts.adobe.com/
// @import url('https://use.typekit.net/tyl1imq.scss');
import "@/styles/fonts.scss";

// Import Tailwind Styles
import "@/styles/tailwind.scss";
import "@/styles/tailwind-custom.scss";

import "@/styles/globals.scss";

function getLibrary(provider) {
  const library = new Web3Provider(provider);
  library.pollingInterval = 12000;
  return library;
}

function MyApp({ Component, pageProps }) {
  return (
    <Symfoni showLoading={true}>
      <Web3ReactProvider getLibrary={getLibrary}>
        <Component {...pageProps} />
      </Web3ReactProvider>
    </Symfoni>
  );
}

export default MyApp;