Skip to content

[BUG] TypeError: Cannot read properties of null (reading 'BaseComponent') #3123

@seepine

Description

@seepine

Is there an existing issue for this?

  • I have searched the existing issues

Which Component

Button / Chat

Semi Version

"@douyinfe/semi-ui-19": "^2.90.13",

Current Behavior

frontend TypeError: Cannot read properties of null (reading 'BaseComponent')
      at node_modules/@douyinfe/semi-ui-19/lib/es/chat/inputBox/index.js (http://localhost:3000/_bun/client/index-00000000b49816a0.js:205617:40)
      at CY (http://localhost:3000/_bun/client/index-00000000b49816a0.js:21:8972)
      at m (http://localhost:3000/_bun/client/index-00000000b49816a0.js:21:8863)
      at lY (http://localhost:3000/_bun/client/index-00000000b49816a0.js:21:9284)
      at m (http://localhost:3000/_bun/client/index-00000000b49816a0.js:21:8771)
      at lY (http://localhost:3000/_bun/client/index-00000000b49816a0.js:21:9284)
      at m (http://localhost:3000/_bun/client/index-00000000b49816a0.js:21:8771)
      at lY (http://localhost:3000/_bun/client/index-00000000b49816a0.js:21:9284)
      at m (http://localhost:3000/_bun/client/index-00000000b49816a0.js:21:8771)
      at lY (http://localhost:3000/_bun/client/index-00000000b49816a0.js:21:9284)
    from browser tab http://localhost:3000/

Expected Behavior

can work.

Steps To Reproduce

build with bun + elysia + react19

src/index.ts

const app = new Elysia()
  .use(await staticPlugin({ prefix: '/' }))
  .listen(3000)

public/index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Elysia React App</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="./index.tsx"></script>
  </body>
</html>

public/index.tsx

import { createRoot } from 'react-dom/client'
import { Button, Toast } from '@douyinfe/semi-ui-19'

import '@public/global.css'

const SemiApp = () => {
  return (
    <Button onClick={() => Toast.warning({ content: 'welcome' })}>
      Hello Semi
    </Button>
  )
}

const root = createRoot(document.getElementById('root')!)
root.render(<SemiApp />)

ReproducibleCode

Environment

- OS: Darwin 24.3.0 arm64 arm
- browser: Edge 143.0.3650.139 (正式版本) (arm64)

Anything else?

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions