如何将 Lingui 与 Gatsby 动态生成的页面一起使用？

如何解决如何将 Lingui 与 Gatsby 动态生成的页面一起使用？

我正在将我的 gatsby 网站国际化。我选择和临桂一起去。它在大多数情况下运行良好，但是我有一些页面是使用以下代码通过 gastby-note.js 文件生成的：

exports.createPages = ({ actions: { createPage } }) => {
    const rooms = require("./src/components/rooms/rooms-list-data.json")
    rooms.forEach(room => {
      createPage({
        path: /rooms/${room.id}/,component: require.resolve("./src/templates/room.js"),context: room,})
  })
}

我真的很困惑我应该如何继续使用我的 <Trans></Trans> 宏，因为我的页面不是预先生成的。 如果这种方式不可行，您将如何进行？ 欢迎提供任何提示/建议。

谢谢！