+
Skip to content

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

@sssssubin

Description

@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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      点击 这是indexloc提供的php浏览器服务,不要输入任何密码和下载