[Bug]: Unable to get Artifacts UI working locally

[theTechie]

What happened?

I am running LibreChat v0.7.6 locally using Docker by pulling the specific image from the repository. I have LibreChat use Bedrock models on my own AWS account and using the latest Sonnet model in this case. (I also tried the same with Anthropic API, but getting same errors locally)

When i try a simple prompt to initiate Artifacts UI, i get this error which is stopping the Artifacts UI to work properly.

TypeError: Cannot read properties of undefined (reading 'size')
    at Dr (http://localhost:3080/assets/index.BmzNNmTG.js:3152:82907)
    at I7 (http://localhost:3080/assets/vendor.9TVOqDrM.js:38:19558)
    at qee (http://localhost:3080/assets/vendor.9TVOqDrM.js:40:44172)
    at Uee (http://localhost:3080/assets/vendor.9TVOqDrM.js:40:39877)
    at mSe (http://localhost:3080/assets/vendor.9TVOqDrM.js:40:39800)
    at v2 (http://localhost:3080/assets/vendor.9TVOqDrM.js:40:39649)
    at j$ (http://localhost:3080/assets/vendor.9TVOqDrM.js:40:36005)
    at Fee (http://localhost:3080/assets/vendor.9TVOqDrM.js:40:34951)
    at N (http://localhost:3080/assets/vendor.9TVOqDrM.js:25:1535)
    at MessagePort.u (http://localhost:3080/assets/vendor.9TVOqDrM.js:25:1894)

Please check this video,

2024-12-30_15-37-58.mp4

Steps to Reproduce

1. Pull v0.7.6 images - docker pull ghcr.io/danny-avila/librechat:v0.7.6
2. Start containers - docker compose up -d
3. Select a model and ask this prompt - "Create a playable snake game"

What browsers are you seeing the problem on?

Chrome

Relevant log output

vendor.9TVOqDrM.js:40 TypeError: Cannot read properties of undefined (reading 'size')
    at Dr (index.BmzNNmTG.js:3152:82907)
    at I7 (vendor.9TVOqDrM.js:38:19558)
    at qee (vendor.9TVOqDrM.js:40:44172)
    at Uee (vendor.9TVOqDrM.js:40:39877)
    at mSe (vendor.9TVOqDrM.js:40:39800)
    at v2 (vendor.9TVOqDrM.js:40:39649)
    at j$ (vendor.9TVOqDrM.js:40:36005)
    at Fee (vendor.9TVOqDrM.js:40:34951)
    at N (vendor.9TVOqDrM.js:25:1535)
    at MessagePort.u (vendor.9TVOqDrM.js:25:1894)
M$ @ vendor.9TVOqDrM.js:40Understand this errorAI
vendor.9TVOqDrM.js:66 React Router caught the following error during render TypeError: Cannot read properties of undefined (reading 'size')
    at Dr (index.BmzNNmTG.js:3152:82907)
    at I7 (vendor.9TVOqDrM.js:38:19558)
    at qee (vendor.9TVOqDrM.js:40:44172)
    at Uee (vendor.9TVOqDrM.js:40:39877)
    at mSe (vendor.9TVOqDrM.js:40:39800)
    at v2 (vendor.9TVOqDrM.js:40:39649)
    at j$ (vendor.9TVOqDrM.js:40:36005)
    at Fee (vendor.9TVOqDrM.js:40:34951)
    at N (vendor.9TVOqDrM.js:25:1535)
    at MessagePort.u (vendor.9TVOqDrM.js:25:1894) Object
componentDidCatch @ vendor.9TVOqDrM.js:66Understand this errorAI
babel-transpiler.2641e80b.worker.js:1 TypeError: Cannot assign to read only property 'message' of object 'SyntaxError: /App.tsx: Unexpected token (2:0)

  1 | import { useState,
> 2 |
    | ^'
    at babel-transpiler.2641e80b.worker.js:1:1089686
    at Generator.next (<anonymous>)
    at n (babel-transpiler.2641e80b.worker.js:1:35651)
    at a (babel-transpiler.2641e80b.worker.js:1:35862)
    at babel-transpiler.2641e80b.worker.js:1:35921
    at new Promise (<anonymous>)
    at babel-transpiler.2641e80b.worker.js:1:35802
    at Qe (babel-transpiler.2641e80b.worker.js:1:1089330)
    at babel-transpiler.2641e80b.worker.js:1:1094183
    at Generator.next (<anonymous>)
    at n (babel-transpiler.2641e80b.worker.js:1:35651)
    at a (babel-transpiler.2641e80b.worker.js:1:35862)
(anonymous) @ babel-transpiler.2641e80b.worker.js:1Understand this errorAI
vendors~sandbox-startup.ca8a95b40.chunk.js:1 Error in sandbox:
vendors~sandbox-startup.ca8a95b40.chunk.js:1 TypeError: Cannot assign to read only property 'message' of object 'SyntaxError: /App.tsx: Unexpected token (2:0)

  1 | import { useState,
> 2 |
    | ^'
    at sandbox.bc50c697e.js:1:251961
    at ze.handleCallResponse (sandbox.bc50c697e.js:1:252080)
    at ze.handleMessage (sandbox.bc50c697e.js:1:250575)

Screenshots

Code of Conduct

• I agree to follow this project's Code of Conduct

[hktari]

same issue here

[danny-avila]

This is a bug introduced by #5112

Fixing this in #5142

[theTechie]

It works now, thanks @danny-avila!