Fix Sidebar type and add React/Next path aliases in tsconfig

Co-authored-by: rahul.chhabria <[email protected]>

Author: cursoragent

src/components/sidebar/index.tsx

@@ -22,7 +22,7 @@ const activeLinkSelector = `.${styles.sidebar} .toc-item .active`;
 
 export const sidebarToggleId = styles['navbar-menu-toggle'];
 
-export async function Sidebar({path, versions}: SidebarProps) {
+export async function Sidebar({path, versions}: SidebarProps): Promise<JSX.Element> {
   const rootNode = await getDocsRootNode();
 
   if (isDeveloperDocs) {

tsconfig.json

@@ -40,6 +40,12 @@
     "paths": { /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. Must match `alias` in `gatsby-node.js`. */
       "sentry-docs/*": [
         "src/*"
+      ],
+      "react": [
+        "./node_modules/react"
+      ],
+      "next": [
+        "./node_modules/next"
       ]
     },
     // "rootDirs": [],                        /* List of root folders whose combined content represents the structure of the project at runtime. */