# npm
npm install @testinprod-io/privacy-boost @testinprod-io/privacy-boost-react

# yarn
yarn add @testinprod-io/privacy-boost @testinprod-io/privacy-boost-react

# pnpm
pnpm add @testinprod-io/privacy-boost @testinprod-io/privacy-boost-react

// next.config.js
/** @type {import('next').NextConfig} */
const nextConfig = {
  webpack: (config) => {
    config.experiments = {
      ...config.experiments,
      asyncWebAssembly: true,
    };
    return config;
  },
};

module.exports = nextConfig;

{
  "compilerOptions": {
    "target": "ES2020",
    "lib": ["ES2020", "DOM", "DOM.Iterable"],
    "module": "ESNext",
    "moduleResolution": "bundler",
    "jsx": "react-jsx",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true
  }
}

import { PrivacyBoostProvider } from '@testinprod-io/privacy-boost-react';

function App() {
  return (
    <PrivacyBoostProvider
      config={{
        indexerUrl: 'https://test-api.privacy-boost.sunnyside.io/indexer',
        proverUrl: 'https://test-api.privacy-boost.sunnyside.io/prover',
        chainId: 11155420,
        shieldContract: "0xB22fD661b322F10d4B7cd0cFcb9578C485423119",
        wethContract: "0x4200000000000000000000000000000000000006"
      }}
      loadingComponent={<div>Loading...</div>}
    >
      <div>SDK loaded successfully!</div>
    </PrivacyBoostProvider>
  );
}