FIX: Cannot find module '@bufbuild/protobuf/wire'

[kombos]

Context:

Describe the Bug: I'm trying to setup a Blockchain & React App using ignite CLI. After generating hooks, when i do npm install, it throws some errors:

Cannot find module '@bufbuild/protobuf/wire' or its corresponding type declarations.

I've setup this Ignite project in a local folder: ~/projects/igniteReactApp

Steps to Reproduce:

1. Create a new Blockchain project
   ignite scaffold chain example

2.create a React frontend template
ignite scaffold react

3. Generate an API client
   ignite generate hooks

4. Install dependancies of the React application
   npm install

Expected Behavior:

dependancies should be installed without errors

Actual Behavior:

Throws an error:

8 import { BinaryReader, BinaryWriter } from "@bufbuild/protobuf/wire";
                                             ~~~~~~~~~~~~~~~~~~~~~~~~~

igniteapp.igniteapp/types/igniteapp/igniteapp/query.ts:8:44 - error TS2307: Cannot find module '@bufbuild/protobuf/wire' or its corresponding type declarations.

8 import { BinaryReader, BinaryWriter } from "@bufbuild/protobuf/wire";
                                             ~~~~~~~~~~~~~~~~~~~~~~~~~

igniteapp.igniteapp/types/igniteapp/igniteapp/tx.ts:8:44 - error TS2307: Cannot find module '@bufbuild/protobuf/wire' or its corresponding type declarations.

Environment Details:

• OS: MacOS Sonoma 14.6.1
• Ignite & Other library Versions:
  Ignite CLI version: v28.5.3
  Ignite CLI build date: 2024-09-20T14:49:06Z
  Ignite CLI source hash: b6eb44c
  Ignite CLI config version: v1
  Cosmos SDK version: v0.50.9
  Your OS: darwin
  Your arch: arm64
  Your go version: go version go1.23.2 darwin/arm64

Notes:

[phuongnamsoft]

hi guys,
I have same issue when run npm run build in ts-client folder

thanks

[julienrbrt]

Hey! The frontend needs a complete ground up rewrite. We'll tackle that eventually, but for now we've disabled/hidden the frontend capabilities in Ignite (#4410).

We are developing an Ignite App that will handle that functionality instead: ignite/apps#140 and that uses and configures well known frontend Cosmos libraries (create-cosmos-app, telescope, cosmos kit).

I'll be closing all frontend issues. We'll release ignite cca this week to unblock everyone.