frontend/src/components/DefaultChat/index.jsx

The MESSAGES array is being created every time the component re-renders. This can be avoided by using the useMemo hook to only recompute the MESSAGES array when necessary.
Create Issue
See the diff
Checkout the fix

    const MESSAGES = useMemo(() => [
      // ...existing array elements
    ], []);

git fetch origin && git checkout -b ReviewBot/Impro-kcdumt3 origin/ReviewBot/Impro-kcdumt3

The MESSAGES array is quite large and makes the component difficult to read. Consider moving this array to a separate component or file and importing it into this component.
Create Issue
See the diff
Checkout the fix

    import MESSAGES from './Messages';

git fetch origin && git checkout -b ReviewBot/Impro-3c0lne3 origin/ReviewBot/Impro-3c0lne3

hey @timothycarambat is there something wrong with the code?

@imjaglan Thanks for the contribution! If you would like a contributor badge in the Discord please ping me 🚀