# Tabs tests

```mdx-code-block
import BrowserWindow from '@site/src/components/BrowserWindow';
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
```

## Tabs with dynamic default value

This can cause [bugs](https://github.com/facebook/react-native-website/issues/2771) when default value is different between SSR and client:

```mdx-code-block
export const isMacOS = typeof window !== 'undefined' && navigator.platform.startsWith('Mac');

<BrowserWindow>
  <Tabs defaultValue={isMacOS ? "ios" : "android"}>
    <TabItem value="android" label="Android">Android content</TabItem>
    <TabItem value="ios" label="iOS">iOS content</TabItem>
  </Tabs>
</BrowserWindow>
```
