fix everything?

.npmrc

@@ -0,0 +1 @@
+auto-install-peers=true

apps/thesis/components/Commits/CommitListByDate.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Divider, VStack } from '@chakra-ui/layout'
+import { Divider, VStack } from '@chakra-ui/react'
 import { SlimCommit } from '@zkp/types'
 import { Commit } from './Commit'
 

apps/thesis/components/CustomSidebar/CustomSidebar.tsx

@@ -25,10 +25,7 @@ export const CustomSideBar = (props: Props) => {
   })
   const unemph = useColorModeValue('gray.700', 'gray.300')
 
-  const [sort, setSort] = useLocalStorageState<Sorts>('sidebarSort', {
-    defaultValue: 'alpha',
-    ssr: true,
-  })
+  const [sort, setSort] = useLocalStorageState<Sorts>('sidebarSort', { defaultValue: 'alpha' })
 
   const folderList = useMemo(
     () => fileListReducer(Object.values(fileList), sorts[sort]),

apps/thesis/hooks/usePersistantDisclosure.tsx

@@ -18,7 +18,6 @@ export const usePersistantDisclosure = (storageKey: string, props: UseDisclosure
   const onClosePropCallbackRef = useCallbackRef(onCloseProp)
   const [isOpenState, setIsOpen] = useLocalStorageState(storageKey, {
     defaultValue: props.defaultIsOpen || false,
-    ssr: true,
   })
   const [isControlled, isOpen] = useControllableProp(isOpenProp, isOpenState)
 

apps/thesis/next.config.js

@@ -1,35 +1,19 @@
 const withNx = require('@nrwl/next/plugins/with-nx')
 
-const withBundleAnalyzer = require('@next/bundle-analyzer')({
-  enabled: process.env.ANALYZE === 'true',
-})
+// const withBundleAnalyzer = require('@next/bundle-analyzer')({
+//   enabled: process.env.ANALYZE === 'true',
+// })
 
 const withPlugins = require('next-compose-plugins')
-const withSWRTypes = require('next-typed-api-with-swr')
 /**
  * @type {import('next').NextConfig}
  */
 const nextConfig = {
   /* config options here */
   swcMinify: true,
   experimental: { nftTracing: true, topLevelAwait: true },
-  experiments: { topLevelAwait: true },
   staticPageGenerationTimeout: 180,
-  webpack(config, { dev }) {
-    // if (dev) {
-    //   config.devtool = 'cheap-module-source-map'
-    // }
-    config.module.rules = [
-      ...config.module.rules,
-      // ensure our libs barrel files don't constitute imports
-      {
-        test: /.*libs\/.*src\/.*index.ts/i,
-        sideEffects: false,
-      },
-    ]
-    return config
-  },
   images: { domains: ['avatars.githubusercontent.com'] },
 }
 
-module.exports = withPlugins([[withNx], [withBundleAnalyzer]], nextConfig)
+module.exports = nextConfig

apps/zkp/Components/MDXComponents/MDXLink.tsx

@@ -4,7 +4,6 @@ import { Text } from '@chakra-ui/react'
 import { PreviewLink } from '../FileViewer'
 import { MDXComp } from './types'
 
-//// @ts-expect-error Yeah hthe types are all over the frigging place here
 export const MDXLinkBase: MDXComp<'a'> = (
   props: React.ComponentProps<'a'> & { currentId: string; alias?: string },
 ) => {
@@ -31,7 +30,7 @@ export const MDXLinkBase: MDXComp<'a'> = (
   }
 
   const title = alias
-  return <a>{href}</a>
+  return <a href={href}>{href}</a>
   return (
     <PreviewLink
       currentId={currentId}

libs/discus/src/lib/components/Comments/EditMenu/EditMenu.tsx

@@ -1,4 +1,4 @@
-import { DotsVerticalIcon } from '@heroicons/react/solid'
+import { EllipsisVerticalIcon } from '@heroicons/react/24/solid'
 import { Popover } from '@zkp/popover'
 import { Button } from '@zkp/ui'
 
@@ -36,7 +36,7 @@ export const EditMenu = (props: EditMenuProps) => {
   return (
     <Popover
       placement="bottom-end"
-      button={{ children: <DotsVerticalIcon />, className: 'h-6 w-4 text-slate-600' }}
+      button={{ children: <EllipsisVerticalIcon />, className: 'h-6 w-4 text-slate-600' }}
     >
       <div className="w-40 bg-white dark:bg-slate-700">
         <ul>

libs/git/src/lib/doSomethingAtFileStateChanges.ts

@@ -18,7 +18,7 @@ export const doSomethingAtFileStateChange = ({
   filename?: string
   fileStateFun?: (
     filepath: string,
-    trees: [WalkerEntry, WalkerEntry],
+    trees: [WalkerEntry | null, WalkerEntry | null],
     state: FileStates,
   ) => Promise<{ [key: string]: any } | undefined>
 }) =>

libs/popover/src/lib/popover.tsx

@@ -1,4 +1,4 @@
-import { ChevronDownIcon, ChevronRightIcon } from '@heroicons/react/solid'
+import { ChevronDownIcon, ChevronRightIcon } from '@heroicons/react/24/solid'
 import {
   useState,
   useRef,