Code examples for the blog post titled The Complete Guide to Full Stack Solana Development with React, Anchor, Rust, and Phantom

Hi @dabit3,

Thank you very much for creating The Complete Guide to Full Stack Solana Development with React, Anchor, Rust, and Phantom and this project. Very helpful and resourceful guide and project for sure.

In the process of looking into this project, I wanted to improve the project e.g.:

• TypeScript based create-react-app
• The latest create-react-app version with webpack 5 and React 18
• Project set-up approaches introduced in @solana/wallet-adapter and @solana/wallet-adapter-example
• etc (Above are just what I can remember right now since I've updated a lot :))

I think some/many potential and current issues have been resolved via this PR (let me explain in detail down the line).

For the changes included in this PR, let me add the context in detail so that you can review them easily. Thank you.

Following this tutorial

I have followed all of the steps up to the point of building the counter code, including having a running localhost validator.

I have taken the output of solana address -k target/deploy/mysolanaapp-keypair.json

and input it in lib.rs and anchor.toml as instructed, and get the following after running anchor build and then anchor test:

mysolanaapp
Transaction simulation failed: Attempt to load a program that does not exist

Hi, i'm facing this error can you please help me?

i'm running test using anchor test

anchor.setProvider(anchor.Provider.env()); const program = anchor.workspace.Myepicproject; const tx = await program.rpc.startStuffOff(); // error is here

Hi,

When trying to run the frontend from any of the examples. I get greeted with the following error:

Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.

I googled around and apparently it can happen if different version of react are used. In my case I only see one version, eventhough it's regerenced more than once but it's getting 'deduped':

├─┬ @solana/[email protected]
│ ├─┬ [email protected]
│ │ └── [email protected] deduped
│ └── [email protected]
└─┬ @solana/[email protected]
  └── [email protected] deduped

To reproduce simply npm install in the app folder, then run npm start