React SDK 3.0.2

Sample Code

The quickest and simplest way to kickstart your journey with the React SDK is by downloading and experimenting with our full-featured sample code:

Download React Sample Code

IMPORTANT

In the above sample codes, the strings __YOUR_USER_ID__ and __YOUR_API_KEY__ should be replaced by your own User ID and API Key repectively. Please contact us to obtain your User ID and API Key.

Installation

In your React project, install the SDK with the npm install or yarn add commands. Please note that different frameworks require different packages.

npm

npm install "https://sdk.panoptic.ai/npm/react-vital-sign-camera-3.0.2.tgz"

yarn

yarn add "https://sdk.panoptic.ai/npm/react-vital-sign-camera-3.0.2.tgz"

TIP

If you are using Yarn v2 or later, you might need to include the package name in the command, such as yarn add vital-sign-camera@"https://sdk.panoptic.ai/npm/react-vital-sign-camera-3.0.2.tgz".

Vite Configuration

If you are using Vite as your build tool, you need to exclude ts-vital-sign-camera from dependency optimization to ensure proper functionality:

// vite.config.js
export default defineConfig({
  optimizeDeps: {
    exclude: ['ts-vital-sign-camera'],
  },
});

Deployment Notes

NOTE

If the project is deployed to Google Cloud, some web servers, such as serve, might not function correctly, causing the facial skin age feature to fail. To prevent this issue, use http-server instead.

What's new

3.0.2 (5-Dec-2025)

• Fixed the accuracy problem in relaxed mode.

3.0.1 (27-Nov-2025)

• Fixed request saving problem.

3.0.0 (20-Nov-2025)

Major Release: Enhanced Performance & New Features

This major release introduces significant performance improvements and new capabilities while maintaining full backward compatibility with existing implementations.

Backward Compatibility

All existing code continues to work without changes. Version 3.0.0 is fully backward compatible with 2.x versions.

New Features and Improvements

• Precision Modes: Choose between Relaxed and Strict scanning modes for optimized performance based on your needs
• SDK Credentials: Enhanced authentication system with API keys and user IDs for improved security
• Advanced Face Detection: Improved face detection with better accuracy and visualization
• Server Profile Management: Enhanced server environment selection for different deployment scenarios
• Real-time Events: New events for precision mode changes and scanning updates
• Data Access APIs: APIs for retrieving captured request data and timing information
• Optimized Frame Processing: Better frame rate handling and mobile device support
• Performance Enhancements: Faster processing and reduced bundle size
• Mobile Optimization: Automatic resolution selection for mobile devices