[Bug]: 레포지토리를 업데이트한 이후 useMermaidEffect.ts의 mermaid.render 관련 TypeScript 타입 오류

[sssssubin]

Describe the bug

bug: 레포지토리를 업데이트한 이후 useMermaidEffect.ts의 mermaid.render 관련 TypeScript 타입 오류

설명:

이 PR은 빌드 과정 중 발생한 TypeScript 타입 오류를 해결합니다. 오류는 mermaid.render의 반환값에서 then 메서드를 사용한 것과 관련이 있으며, 실제로는 Promise가 아니라 string을 반환하는 것으로 나타났습니다.

문제:

빌드 과정 중 다음과 같은 TypeScript 오류가 발생했습니다:

Type error: Property 'then' does not exist on type 'string'.

이 오류는 mermaid.render의 결과값이 Promise가 아니라 string이기 때문에 발생했습니다. 결과적으로 타입 불일치로 인해 컴파일 오류가 발생했습니다.

수정 사항:

mermaid.render의 반환값에서 .then 메서드를 제거했습니다.
string 반환 타입에 맞게 await를 올바르게 사용하도록 코드를 업데이트했습니다.

변경된 코드:

변경 전:

const svg = await mermaid
  .render("mermaid" + i, memoMermaid.get(i) || "")
  .then((res) => res.svg);

변경 후:

const svg = await mermaid.render("mermaid" + i, memoMermaid.get(i) || "");

이제 빌드 과정이 성공적으로 완료되었으며, TypeScript 오류가 발생하지 않았습니다

To reproduce

1. Go to ... yarn build
2. See error Type error: Property 'then' does not exist on type 'string'.

Browser

브라우저: Google Chrome v127, Windows 11

Validations

• Follow our Code of Conduct
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.