> ## Documentation Index
> Fetch the complete documentation index at: https://docs.velt.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Feb 20 2024

## Versions

* Latest SDK: 1.0.84
* Latest Types: 1.0.101

## Option to Remove Comment Tool from Velt Video Player

We have introduced a new option to the [Velt Video Player](/async-collaboration/comments/setup/video-player-setup/video-player-setup) component, allowing users to remove the Comment Tool. This feature offers greater flexibility in customizing the player interface according to your specific needs.

<Frame caption="Velt Video Player with Comment Tool Enabled">
  <img src="https://mintcdn.com/velt/2O8vk8YlVD4Kq-ni/images/comment-tool-velt-video-player.png?fit=max&auto=format&n=2O8vk8YlVD4Kq-ni&q=85&s=7bbe51783afc0047fb97aa1852a06e85" alt="" width="1462" height="1072" data-path="images/comment-tool-velt-video-player.png" />
</Frame>

To remove the `Comment Tool` from the `VeltVideoPlayer` control panel, set the `commentTool` property to `false`.

```jsx theme={null}
<VeltVideoPlayer commentTool={false} />
```

## View Analytics Component

Introducing the [View Analytics](/async-collaboration/view-analytics/overview) component, a powerful tool for tracking visitor engagement with your documents. Simply integrate this component into your project to gain insights into document viewership. Customize it to display visitor data tailored to specific locations, enhancing your analytics capabilities.

<Frame>
  <iframe src="https://landing-page-demo-velt.vercel.app/?feature=view-analytics" allow="camera; microphone" scrolling="no" frameBorder="0" className="w-full" height="400px" />
</Frame>

[Open in larger window](https://landing-page-demo-velt.vercel.app/?feature=view-analytics)

## React Hooks Integration

We're excited to announce the addition of custom [React Hooks](/api-reference/hooks/hooks) to our SDK, streamlining the development process for our users. These hooks provide an alternative method for interacting with the SDK, offering a smoother developer experience. By utilizing hooks, you can access SDK functionalities without the need for additional wrappers, such as useEffect hooks. This enhancement simplifies your codebase and improves overall efficiency.

<Tabs>
  <Tab title="Example with Hooks">
    ```jsx theme={null}
    import { useSetDocumentId } from '@veltdev/react';

    export default function YourDocument() {

      useSetDocumentId("my-document-id")

      return (
        <div>
            Your Document Template
        </div>
      )
    }
    ```
  </Tab>

  <Tab title="Example without Hooks">
    ```jsx theme={null}

    import { useVeltClient } from '@veltdev/react';
    import { useEffect, useState } from 'react';

    export default function YourDocument() {

      const { client } = useVeltClient();


      useEffect(() => {
        if (client) {
          client.setDocumentId('unique-document-id');
        }
      }, [client]);

      return (
        <div>
          Your Document Template 
        </div>
        
      );
    }
    ```
  </Tab>
</Tabs>