Typescript components for Shadow Drive.
Install these dependencies:
yarn add @shadow-drive/sdkimport React, { useEffect } from "react";
import * as anchor from "@project-serum/anchor";
import {ShdwDrive} from "@shadow-drive/sdk";
import { AnchorWallet, useAnchorWallet, useConnection } from "@solana/wallet-adapter-react";
export default function Drive() {
const { connection } = useConnection();
const wallet = useAnchorWallet();
useEffect(() => {
(async () => {
if (wallet?.publicKey) {
const drive = await new ShdwDrive(connection, wallet).init();
}
})();
}, [wallet?.publicKey])
return (
<div></div>
)
}import {ShdwDrive} from "@shadow-drive/sdk";
const drive = await new ShdwDrive(connection, wallet).init();| package | description |
|---|---|
| react | Using shadow-drive in a react/browser environment |
- Clone the project:
git clone https://github.com/genesysgo/shadow-drive.git- Install dependencies:
cd shadow-drive
yarn installIf you are getting a 400 HTTP error status code when using the POST ShdwDrive methods such as createStorageAccount, uploadFile, addStorage, etc.
Make sure to set your wallet adapter or connection commitment config to max.
<ConnectionProvider endpoint={network} config={{ commitment: 'max' }}>
...
</ConnectionProvider>const connection = new solanaWeb3.Connection(
"https://ssc-dao.genesysgo.net/",
"max"
);