> For the complete documentation index, see [llms.txt](https://developer.tokeninc.com/token-developer-portal-1/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://developer.tokeninc.com/token-developer-portal-1/x-platform/token-x-admin-panel-integrations/authentication-integration/internal/typescript.md).

# TypeScript

## Types

Types are exported. 

{% tabs %}
{% tab title="TS" %}

<pre class="language-tsx"><code class="lang-tsx"><strong>import type { ITokenSSO } from '@token-public-org/token-sso-react-library';
</strong><strong>
</strong><strong>// Use "ITokenSSO" with your own
</strong><strong>
</strong><strong>//Ex: You want to store user details in state and you need to type.
</strong><strong>const [user,setUser] = useState&#x3C;ITokenSSO.TSSOProvider.ISSOUserDetails>({}) ;
</strong><strong>
</strong></code></pre>

{% endtab %}
{% endtabs %}

***

## References

### ISSOUserDetails

| key        | type   |
| ---------- | ------ |
| merchantId | string |
| userId     | string |
| email      | string |
| name       | string |

### ILoginProps

| key         | type   | required |
| ----------- | ------ | -------- |
| redirectUri | string | no       |

### ILogoutProps

| key          | type    | required |
| ------------ | ------- | -------- |
| withRedirect | boolean | no       |
| redirectUri  | string  | no       |

### IProviderProps

| key         | type      | required |
| ----------- | --------- | -------- |
| children    | ReactNode | yes      |
| providerUrl | string    | yes      |