ms-clarity-react v1.0.2

MS Clarity React Integration

Integrate Microsoft Clarity into your React Based Application with ease using hooks and higher-order components (HOC).

How to Use

Installation

Install the package using npm/yarn

npm install react-ms-clarity

yarn add react-ms-clarity

Usage

1. Import the useMSClarity hook in your component file:

import { useMsClarityTracking } from 'react-ms-clarity';

function YourComponent() {
  useMsClarityTracking,('<YOUR_MS_CLARITY_PROJECT_ID>');
  
  // Your component logic here
}

2. Usage with Higher Order Components

import { withMSClarityTracking } from 'react-ms-clarity';

function YourComponent() {
  // Your component logic here
}

export default withMSClarityTracking(YourComponent, '<YOUR_MS_CLARITY_PROJECT_ID>');

Not Affiliated with Microsoft

This package is not affiliated with Microsoft. Microsoft Clarity is a product of Microsoft, and the integration provided by this package is based on publicly available documentation. For any issues related to Microsoft Clarity itself, please refer to the official Microsoft Clarity documentation and support channels.