FIXES

patches to get it working:

OXC transformation error

Pre-transform error: Expected a semicolon or an implicit semicolon after a statement, but found none
4:28:39 PM [react-server] (client)   Plugin: vite:oxc
4:28:39 PM [react-server] (client)   File: /react-server/examples/shadcn/src/hooks/use-mobile.ts:6:59
4:28:39 PM [react-server] (client)   2  |  const MOBILE_BREAKPOINT = 768;
4:28:39 PM [react-server] (client)   3  |  export function useIsMobile() {
4:28:39 PM [react-server] (client)   4  |    const [isMobile, setIsMobile] = React.useState < boolean | undefined > undefined;
4:28:39 PM [react-server] (client)      |                                                                          ^
4:28:39 PM [react-server] (client)   5  |    React.useEffect(() => {
4:28:39 PM [react-server] (client)   6  |      const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
4:28:39 PM [react-server] (client)   Try insert a semicolon here

use-mobile.ts - fix error vite:oxc Expected a semicolon or an implicit semicolon after a statement

OLD:

const [isMobile, setIsMobile] = React.useState<boolean|undefined>(undefined)

NEW:

type IsMobileState = boolean | undefined
const [isMobile, setIsMobile] = React.useState<IsMobileState>(undefined)

was not able to replicate with Oxc playground

sidebar context

src/app/dashboard/page.tsx- add "use client"; to fix sidebar context