yarn add react-logsnag
First, wrap your application with the LogSnagProvider at the top level of your application, similar to other context providers. The provider requires token and project props.
import React from 'react'
import { LogSnagProvider } from 'react-logsnag'
const App: React.FC = () => (
<LogSnagProvider token="your_token" project="your_project">
{/* Your app code here */}
</LogSnagProvider>
)
The useLogSnag hook provides access to two functions: logEvent and logInsight.
import React from 'react'
import { useLogSnag } from 'react-logsnag'
const YourComponent: React.FC = () => {
const { logEvent, logInsight } = useLogSnag()
const yourFunction = async () => {
await logEvent({
channel: 'your_channel',
event: 'your_event',
description: 'your_description',
icon: 'your_icon',
tags: {
key: 'your_value',
},
notify: true,
})
await logInsight({
title: 'your_title',
value: 'your_value',
icon: 'your_icon',
})
}
return (
// Your component code here
)
}
The useLogSnag hook must be used within a component that is a child of the LogSnagProvider component. If you attempt to use it outside of this context, an error will be thrown.