@userback/react

Overview

The official NPM module for embedding the Userback Widget into your React application.

• Official NPM Package: @userback/react
• Official GitHub Repository: Userback React SDK

Prerequisites

Before you begin, ensure the following:

• Userback Workspace: A workspace is needed to collect and manage feedback.
• Access Token: Retrieve your token via the Code Icon in your workspace.
• Plan Requirements: Available on all plans.

Installation

Install the Userback package for React using the following command:

NPM Installation

npm i @userback/react

Quickstart

Embed the Userback Widget in your React application using the example below:

React Example

import { UserbackProvider } from '@userback/react';

// Optionally identify logged-in users
const user_data = {
    id: "123456", // Unique user ID
    info: {
      name: "someone", // User's name
      email: "[email protected]" // User's email
    }
};

ReactDOM.createRoot(document.getElementById('root')).render(
  <UserbackProvider token="**Userback Access Token**" options={{ user_data }}>
    <App />
  </UserbackProvider>
);

For advanced customization, refer to the JavaScript SDK Documentation.

Need help? Visit the Help Center or use the chat bubble on this page to contact our support team.