React中使用phylotree库无法显示系统发育树求助

我在React项目中使用phylotree库渲染系统发育树时遇到了问题，虽然已经遵循库的文档及示例操作，但始终没能得到预期的渲染结果。

以下是我的代码：

import React from 'react';
// @ts-ignore
import { phylotree, TreeRender } from 'phylotree';

export default function Home() {

    const tree = () => {
        const tree_nwk = new phylotree('(A,(B));');

        const renderedTree = tree_nwk.render({
            height: 1000,
            width: 1000,
            'left-right-spacing': 'fit-to-size',
            'top-bottom-spacing': 'fit-to-size',
            container: 'a'
        });

        renderedTree.show();
        console.log('aqui');
        console.log(tree_nwk);
    };

    tree();

    return (
        <div className='a'>
          Hello World
        </div>
    );
}

目前页面上只显示「Hello World」文本，系统发育树完全没按预期显示出来。我已经做了这些排查：

• 确认phylotree库的安装和导入都是正确的
• tree函数内的控制台日志可以正常触发，说明这段代码已经执行
• 按照文档调用了renderedTree.show()方法，但没有生效

我的预期是系统发育树能显示在类名为a的<div>元素中，尺寸为1000×1000，间距自适应容器，但现在完全达不到这个效果。怀疑是phylotree库的使用方式或者渲染配置存在问题，但没法确定具体原因，恳请有相关经验的开发者提供指导，感谢帮助！

内容的提问来源于stack exchange，提问作者Pedro Giroldo