Импортировать файл шрифта (.tff) не удалось из-за «недопустимого или неожиданного токена»

Я пытаюсь импортировать файл шрифта следующим образом:

import { Font } from '@react-pdf/renderer'
import font from './NotoSansJP-Regular.ttf'

Font.register({
    family: "NotoSansJP-Regular",
    format: "truetype",
    src: font,
});

это файл d.ts

declare module '*.ttf';

Но я получаю следующую ошибку:

SyntaxError: Invalid or unexpected token
    at internalCompileFunction (node:internal/vm:77:18)
    at wrapSafe (node:internal/modules/cjs/loader:1288:20)
    at Module._compile (node:internal/modules/cjs/loader:1340:27)
    at Module._extensions..js (node:internal/modules/cjs/loader:1435:10)
    at Object.require.extensions.<computed> [as .js] (.../node_modules/ts-node/src/index.ts:1608:43)
    at Module.load (node:internal/modules/cjs/loader:1207:32)
    at Function.Module._load (node:internal/modules/cjs/loader:1023:12)
    at Module.require (node:internal/modules/cjs/loader:1235:19)
    at require (node:internal/modules/helpers:176:18)

это соответствующие пакеты и их версии

    "nodemon": "^3.1.0",
    "@react-pdf/renderer": "^3.4.2",
    "typescript": "^5.4.3"
    // nodejs: 20.11.1

Я уже попробовал несколько разных файлов шрифтов, чтобы убедиться, что проблема не в файле .tff.
Нужно ли что-нибудь настроить для импорта или использования файлов шрифтов tff?
Я чувствую, что часть at Object.require.extensions.<computed> [as .js] как-то связана с проблемой (попытка импортировать файл tff в файл js?), но я не знаю, что делать с указанной информацией.