diff --git a/.github/styles/Vocab/HMSVocab/accept.txt b/.github/styles/Vocab/HMSVocab/accept.txt
index f2ee5d0033..6fa22436c0 100644
--- a/.github/styles/Vocab/HMSVocab/accept.txt
+++ b/.github/styles/Vocab/HMSVocab/accept.txt
@@ -168,4 +168,4 @@ url
 answer_max_len
 answer_min_len
 userid
-peerid
\ No newline at end of file
+peerid
diff --git a/.gitignore b/.gitignore
index 24cc3a692a..c6e6ee934b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,6 +1,7 @@
 node_modules
 .DS_Store
 .next
+next-env.d.ts
 package-lock.json
 yarn-error.log
 records.json
diff --git a/components/PlatformAccordion.tsx b/components/PlatformAccordion.tsx
index fc20dada42..f34753e60e 100644
--- a/components/PlatformAccordion.tsx
+++ b/components/PlatformAccordion.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import Link from 'next/link';
 import { ChevronDownIcon } from '@100mslive/react-icons';
 import { Flex, Text } from '@100mslive/react-ui';
@@ -6,6 +6,17 @@ import { titleCasing } from '../lib/utils';
 import { SidebarAPIReference } from './SidebarAPIReference';
 import { references } from '../api-references';
 
+const recursivelyGetLink = (data) => {
+    const currentLevel = data?.[Object.keys(data)[0]];
+    if (currentLevel?.url) {
+        return currentLevel.url;
+    }
+    if (typeof currentLevel === 'object') {
+        return recursivelyGetLink(currentLevel);
+    }
+    return undefined;
+};
+
 const PlatformAccordion = ({
     title,
     icon,
@@ -48,16 +59,11 @@ const PlatformAccordion = ({
             </div>
 
             <div className={`plat-accordion-content ${open ? 'active-plat-accordion' : ''}`}>
-                {Object.keys(data['v2']).map((item) => (
+                {Object.keys(data.v2).map((item) => (
                     // For when all children are accordions
                     <Link
                         passHref
-                        href={`${
-                            data['v2'][item][Object.keys(data['v2'][item])[0]]?.url ||
-                            data['v2'][item][Object.keys(data['v2'][item])[0]][
-                                Object.keys(data['v2'][item][Object.keys(data['v2'][item])[0]])[0]
-                            ].url
-                        }`}
+                        href={`${recursivelyGetLink(data.v2[item])}`}
                         key={`${title}-${item}`}>
                         <Text
                             as="a"
diff --git a/components/Sidebar.tsx b/components/Sidebar.tsx
index e22e085230..3c16c18d44 100644
--- a/components/Sidebar.tsx
+++ b/components/Sidebar.tsx
@@ -24,10 +24,10 @@ import {
 } from '@100mslive/react-icons';
 import { Listbox } from '@headlessui/react';
 import { Flex, Box, Text, CSS } from '@100mslive/react-ui';
+import { getUpdatedPlatformName } from '@/lib/utils';
 import SidebarSection from './SidebarSection';
 import ReleaseNotes from './ReleaseNotes';
 import PlatformAccordion from './PlatformAccordion';
-import { getUpdatedPlatformName } from '@/lib/utils';
 
 const accordionIconStyle = { height: '24px', width: '24px', color: 'inherit' };
 
@@ -282,7 +282,7 @@ const Sidebar: React.FC<Props> = ({
 
                 <PlatformAccordion
                     id="server-side"
-                    title={'Server side'}
+                    title="Server side"
                     icon={<ServerIcon style={accordionIconStyle} />}
                     data={allNav['server-side']}
                     openPlatformAccordion={openPlatformAccordion}
@@ -363,17 +363,17 @@ const Sidebar: React.FC<Props> = ({
                                                     justifyContent: 'center'
                                                 }}>
                                                 <Text
-                                                    variant={'xs'}
+                                                    variant="xs"
                                                     style={{ color: 'var(--docs_text_secondary)' }}>
                                                     Platform Selected
                                                 </Text>
-                                                <Text variant={'lg'} style={{ fontWeight: 'bold' }}>
+                                                <Text variant="lg" style={{ fontWeight: 'bold' }}>
                                                     {getUpdatedPlatformName(tech.name)}
                                                 </Text>
                                             </div>
                                             <div style={{ display: 'flex', alignItems: 'center' }}>
                                                 <div className="dropdown-chevron-container">
-                                                    <ChevronDownIcon className="dropdown-chevron"></ChevronDownIcon>
+                                                    <ChevronDownIcon className="dropdown-chevron" />
                                                 </div>
                                             </div>
                                         </Listbox.Button>
@@ -404,7 +404,8 @@ const Sidebar: React.FC<Props> = ({
                                             height: '16px',
                                             boxShadow: '0 8px 8px 0.25rem rgba(8, 9, 12, 0.8)',
                                             '@md': { display: 'none' }
-                                        }}></Box>
+                                        }}
+                                    />
                                 </section>
                             ) : null}
                         </Box>
@@ -412,7 +413,7 @@ const Sidebar: React.FC<Props> = ({
                         {nav
                             ? Object.entries(nav).map(([key, children], index) =>
                                   children?.['release-notes'] ? (
-                                      <ReleaseNotes dataObj={children['release-notes']} />
+                                      <ReleaseNotes key={key} dataObj={children['release-notes']} />
                                   ) : (
                                       <SidebarSection
                                           key={`${key}-${index}-section`}
@@ -433,20 +434,18 @@ const Sidebar: React.FC<Props> = ({
 
 export default Sidebar;
 
-const DocsSearchBar = ({ setHelperState }) => {
-    return (
-        <Flex
-            align="center"
-            className="docs-search-bar"
-            onClick={() => setHelperState((prev) => prev + 1)}>
-            <SearchIcon style={{ width: '24px' }} />
-            <Text as="span" variant="body2" css={{ fontWeight: '$regular', flexGrow: '1' }}>
-                Search docs…
-            </Text>
-            <span className="hot-key">/</span>
-        </Flex>
-    );
-};
+const DocsSearchBar = ({ setHelperState }) => (
+    <Flex
+        align="center"
+        className="docs-search-bar"
+        onClick={() => setHelperState((prev) => prev + 1)}>
+        <SearchIcon style={{ width: '24px' }} />
+        <Text as="span" variant="body2" css={{ fontWeight: '$regular', flexGrow: '1' }}>
+            Search docs…
+        </Text>
+        <span className="hot-key">/</span>
+    </Flex>
+);
 
 const iconStyle = { height: '20px', width: '20px', fill: 'var(--docs_text_primary)' };
 
diff --git a/docs/api-reference/javascript/v2/react-hooks/home/content.md b/docs/api-reference/javascript/v2/react-hooks/home/content.md
index 02bca7e61c..eefc5a801c 100644
--- a/docs/api-reference/javascript/v2/react-hooks/home/content.md
+++ b/docs/api-reference/javascript/v2/react-hooks/home/content.md
@@ -180,7 +180,7 @@ isAllowedToPublish can be used to decide whether to show the toggle buttons in t
 This hook can be used to apply css properties on an element based on the current audio level for the passed in track.
 It doesn't return the audio level as it's optimised for performance. As audio level could be changing frequently we
 want to minimise the number of components an audio level change causes to re render.
-An e.g. use of this hook will be to apply box-shadow on parent tile based on audio level.
+An example use of this hook will be to apply box-shadow on parent tile based on audio level.
 
 #### Parameters
 
diff --git a/docs/ios/v2/release-notes/release-notes.mdx b/docs/ios/v2/release-notes/release-notes.mdx
index e577e5d914..cc54a44a57 100644
--- a/docs/ios/v2/release-notes/release-notes.mdx
+++ b/docs/ios/v2/release-notes/release-notes.mdx
@@ -14,7 +14,6 @@ description: Release Notes for 100ms iOS SDK
 - fetchLeaderboard API to fetch the leaderboard for a quiz
 
 
-
 ## 1.3.1 - 2023-12-04
 ### Added
 - Layout API support for chat controls
diff --git a/pages/examples.tsx b/pages/examples.tsx
index 304d2ac047..2961e12224 100644
--- a/pages/examples.tsx
+++ b/pages/examples.tsx
@@ -1,3 +1,4 @@
+import React, { useEffect, useMemo, useState } from 'react';
 import categories from '@/common/categories';
 import examples from '@/common/examples';
 import Category, { CATEGORIES, Categories } from '@/components/Category';
@@ -9,7 +10,6 @@ import Sidebar from '@/components/Sidebar';
 import TechnologySelect, { TECHNOLOGIES, Technologies } from '@/components/TechnologySelect';
 import { getAllDocs, getNavfromDocs } from '@/lib/mdxUtils';
 import { Box, Button, Flex, Text } from '@100mslive/react-ui';
-import { useEffect, useMemo, useState } from 'react';
 
 export default function Examples({ allNav }) {
     const [menu, setMenu] = useState(false);