refactor: change SidebarInset component from 'main' to 'div'

satnaing · satnaing · commit 15babd3f5fc9 · 2025-08-31T12:01:44.000+07:00
diff --git a/src/components/ui/sidebar.tsx b/src/components/ui/sidebar.tsx
@@ -306,9 +306,9 @@ function SidebarRail({ className, ...props }: React.ComponentProps<'button'>) {
   )
 }
 
-function SidebarInset({ className, ...props }: React.ComponentProps<'main'>) {
+function SidebarInset({ className, ...props }: React.ComponentProps<'div'>) {
   return (
-    <main
+    <div
       data-slot='sidebar-inset'
       className={cn(
         'bg-background relative flex w-full flex-1 flex-col',

Original file line number	Diff line number	Diff line change
`@@ -306,9 +306,9 @@ function SidebarRail({ className, ...props }: React.ComponentProps<'button'>) {`
`306`	`306`	`)`
`307`	`307`	`}`
`308`	`308`
`309`		`-function SidebarInset({ className, ...props }: React.ComponentProps<'main'>) {`
	`309`	`+function SidebarInset({ className, ...props }: React.ComponentProps<'div'>) {`
`310`	`310`	`return (`
`311`		`- <main`
	`311`	`+ <div`
`312`	`312`	`data-slot='sidebar-inset'`
`313`	`313`	`className={cn(`
`314`	`314`	`'bg-background relative flex w-full flex-1 flex-col',`