Function pre

src/components/ConversationView/MessageView.tsx:120–135

({ node, className, children, ...props })

                  remarkPlugins={[remarkGfm]}
                  components={{
                    pre({ node, className, children, ...props }) {
                      const child = children[0] as ReactElement;
                      const match = /language-(\w+)/.exec(child.props.className || "");
                      const language = match ? match[1] : "SQL";
                      return (
                        <pre className={`${className || ""} w-full p-0 my-1`} {...props}>
                          <CodeBlock
                            key={Math.random()}
                            messageId={message.id}
                            language={language || "SQL"}
                            value={String(child.props.children).replace(/\n$/, "")}
                            {...props}
                          />
                        </pre>
                      );
                    },
                    code({ children }) {
                      return <code className="px-0">{children}</code>;
                    },