Next 14 issues about cosmos-kit HOT 6 OPEN

Hey guys! Sorry for the delay, I was focusing on other issues, will get this fixed today

from cosmos-kit.

For the "pino-pretty" error you can update your next config this way:

const nextConfig = {
  webpack: (config) => {
    config.externals.push("pino-pretty");
    return config;
  },
}

on my side the issue I get is from importing import "@interchain-ui/react/styles"; in my layout.
but if I import both:

import "@interchain-ui/react/globalStyles";
import "@interchain-ui/react/styles";

Then its working and I dont get any compilation issue.

I'm using Next 14.1.0 with app router. I wrap my app within this component:

"use client";

import * as React from "react";

import { ChainProvider } from "@cosmos-kit/react";
import { chains, assets } from "chain-registry";
import { wallets } from "@cosmos-kit/keplr";
import "@interchain-ui/react/globalStyles";
import "@interchain-ui/react/styles";

export function CosmosProvider({ children }: { children: React.ReactNode }) {
  return (
    <ChainProvider
      chains={chains} // supported chains
      assetLists={assets} // supported asset lists
      wallets={wallets} // supported wallets
      //   walletConnectOptions={...} // required if `wallets` contains mobile wallets
    >
      {children}
    </ChainProvider>
  );
}

Hopefully it can help solving your issue.

from cosmos-kit.

@liujun93 can I take this? it's tied to interchain ui compatibility with app router

from cosmos-kit.

@yyyyaaa sure

from cosmos-kit.

I get the same error

from cosmos-kit.

@agonist This solved the issue for me, Thanks!

For the "pino-pretty" error you can update your next config this way:

const nextConfig = {
  webpack: (config) => {
    config.externals.push("pino-pretty");
    return config;
  },
}

from cosmos-kit.