Claudia fails to build due to SyntaxHighlighter type error

[emlazzarin]

This is the result of a successful bun install followed by bun run tauri build:

anthropic-ai-claude-code-1.0.41.tgz
$ tsc && vite build
src/components/StreamMessage.tsx:133:34 - error TS2786: 'SyntaxHighlighter' cannot be used as a JSX component.
  Its type 'typeof SyntaxHighlighter' is not a valid JSX element type.
    Type 'typeof SyntaxHighlighter' is not assignable to type 'new (props: any, deprecatedLegacyContext?: any) => Component<any, any, any>'.
      Property 'refs' is missing in type 'Component<SyntaxHighlighterProps, {}, any>' but required in type 'Component<any, any, any>'.

133                                 <SyntaxHighlighter
                                     ~~~~~~~~~~~~~~~~~

  node_modules/@types/react/index.d.ts:1041:9
    1041         refs: {
                 ~~~~
    'refs' is declared here.

src/components/StreamMessage.tsx:662:30 - error TS2786: 'SyntaxHighlighter' cannot be used as a JSX component.
  Its type 'typeof SyntaxHighlighter' is not a valid JSX element type.
    Type 'typeof SyntaxHighlighter' is not assignable to type 'new (props: any, deprecatedLegacyContext?: any) => Component<any, any, any>'.
      Property 'refs' is missing in type 'Component<SyntaxHighlighterProps, {}, any>' but required in type 'Component<any, any, any>'.

662                             <SyntaxHighlighter
                                 ~~~~~~~~~~~~~~~~~

  node_modules/@types/react/index.d.ts:1041:9
    1041         refs: {
                 ~~~~
    'refs' is declared here.

src/components/ToolWidgets.tsx:531:12 - error TS2786: 'SyntaxHighlighter' cannot be used as a JSX component.
  Its type 'typeof SyntaxHighlighter' is not a valid JSX element type.
    Type 'typeof SyntaxHighlighter' is not assignable to type 'new (props: any, deprecatedLegacyContext?: any) => Component<any, any, any>'.
      Property 'refs' is missing in type 'Component<SyntaxHighlighterProps, {}, any>' but required in type 'Component<any, any, any>'.

531           <SyntaxHighlighter
               ~~~~~~~~~~~~~~~~~

  node_modules/@types/react/index.d.ts:1041:9
    1041         refs: {
                 ~~~~
    'refs' is declared here.

src/components/ToolWidgets.tsx:777:14 - error TS2786: 'SyntaxHighlighter' cannot be used as a JSX component.
  Its type 'typeof SyntaxHighlighter' is not a valid JSX element type.
    Type 'typeof SyntaxHighlighter' is not assignable to type 'new (props: any, deprecatedLegacyContext?: any) => Component<any, any, any>'.
      Property 'refs' is missing in type 'Component<SyntaxHighlighterProps, {}, any>' but required in type 'Component<any, any, any>'.

777             <SyntaxHighlighter
                 ~~~~~~~~~~~~~~~~~

  node_modules/@types/react/index.d.ts:1041:9
    1041         refs: {
                 ~~~~
    'refs' is declared here.

src/components/ToolWidgets.tsx:828:10 - error TS2786: 'SyntaxHighlighter' cannot be used as a JSX component.
  Its type 'typeof SyntaxHighlighter' is not a valid JSX element type.
    Type 'typeof SyntaxHighlighter' is not assignable to type 'new (props: any, deprecatedLegacyContext?: any) => Component<any, any, any>'.
      Property 'refs' is missing in type 'Component<SyntaxHighlighterProps, {}, any>' but required in type 'Component<any, any, any>'.

828         <SyntaxHighlighter
             ~~~~~~~~~~~~~~~~~

  node_modules/@types/react/index.d.ts:1041:9
    1041         refs: {
                 ~~~~
    'refs' is declared here.

src/components/ToolWidgets.tsx:1166:20 - error TS2786: 'SyntaxHighlighter' cannot be used as a JSX component.
  Its type 'typeof SyntaxHighlighter' is not a valid JSX element type.
    Type 'typeof SyntaxHighlighter' is not assignable to type 'new (props: any, deprecatedLegacyContext?: any) => Component<any, any, any>'.
      Property 'refs' is missing in type 'Component<SyntaxHighlighterProps, {}, any>' but required in type 'Component<any, any, any>'.

1166                   <SyntaxHighlighter
                        ~~~~~~~~~~~~~~~~~

  node_modules/@types/react/index.d.ts:1041:9
    1041         refs: {
                 ~~~~
    'refs' is declared here.

src/components/ToolWidgets.tsx:1246:10 - error TS2786: 'SyntaxHighlighter' cannot be used as a JSX component.
  Its type 'typeof SyntaxHighlighter' is not a valid JSX element type.
    Type 'typeof SyntaxHighlighter' is not assignable to type 'new (props: any, deprecatedLegacyContext?: any) => Component<any, any, any>'.
      Property 'refs' is missing in type 'Component<SyntaxHighlighterProps, {}, any>' but required in type 'Component<any, any, any>'.

1246         <SyntaxHighlighter
              ~~~~~~~~~~~~~~~~~

  node_modules/@types/react/index.d.ts:1041:9
    1041         refs: {
                 ~~~~
    'refs' is declared here.

src/components/ToolWidgets.tsx:1397:20 - error TS2786: 'SyntaxHighlighter' cannot be used as a JSX component.
  Its type 'typeof SyntaxHighlighter' is not a valid JSX element type.
    Type 'typeof SyntaxHighlighter' is not assignable to type 'new (props: any, deprecatedLegacyContext?: any) => Component<any, any, any>'.
      Property 'refs' is missing in type 'Component<SyntaxHighlighterProps, {}, any>' but required in type 'Component<any, any, any>'.

1397                   <SyntaxHighlighter
                        ~~~~~~~~~~~~~~~~~

  node_modules/@types/react/index.d.ts:1041:9
    1041         refs: {
                 ~~~~
    'refs' is declared here.

src/components/ToolWidgets.tsx:1646:34 - error TS2786: 'SyntaxHighlighter' cannot be used as a JSX component.
  Its type 'typeof SyntaxHighlighter' is not a valid JSX element type.
    Type 'typeof SyntaxHighlighter' is not assignable to type 'new (props: any, deprecatedLegacyContext?: any) => Component<any, any, any>'.
      Property 'refs' is missing in type 'Component<SyntaxHighlighterProps, {}, any>' but required in type 'Component<any, any, any>'.

1646                                 <SyntaxHighlighter
                                      ~~~~~~~~~~~~~~~~~

  node_modules/@types/react/index.d.ts:1041:9
    1041         refs: {
                 ~~~~
    'refs' is declared here.


Found 9 errors in 2 files.

Errors  Files
     2  src/components/StreamMessage.tsx:133
     7  src/components/ToolWidgets.tsx:531
beforeBuildCommand `bun run build` failed with exit code 2
       Error beforeBuildCommand `bun run build` failed with exit code 2
error: script "tauri" exited with code 1 (SIGHUP)

[emlazzarin]

Nevermind, this is the result of an old version of bun. Thanks!