Экспо: импорт компонента «use dom» из пакета npm ⇐ Javascript

[Anonymous]

Я пробую новые DOM-компоненты Expo, которые мне до сих пор нравятся. Однако теперь я хотел протестировать сохранение нескольких компонентов DOM в пакете npm, который я импортирую в свое приложение Expo.
Настройка
Пакет npm
В целях тестирования я создал новый пакет со следующими зависимостями:

Код: Выделить всё

{
"expo": "^52.0.27",
"react": "^19.0.0",
"react-native": "^0.77.0",
"react-native-webview": "13.12.5",
"styled-components": "^6.1.14"
}
< /code>
и попытка экспортировать следующий компонент: < /p>
'use dom'

const Test = () => {
return (

Hello

)
}

export default Test

Через мой файл index.js одной строкой: экспортируйте {default as Test} из './comComponents/Test/Test.native'.
Я компилирую пакет с помощью Babel и тестирую его локально с помощью yalc.
Приложение Expo
В своем приложении Expo я использую такой компонент пакета:

Код: Выделить всё

import { Test } from 'my-test-package'

export default function ProfileScreen() {
return (

)
}

Проблема
Когда Expo пытается отобразить экран с помощью импортированного компонента DOM, выдается следующее:

Код: Выделить всё

iOS Bundling failed:  node_modules/my-test-package/dist/components/Test/Test.native.js: /my-expo-app/node_modules/my-test-package/dist/components/Test/Test.native.js: The "use dom" directive requires a default export to be present in the file.

Я думал, что, возможно, что-то напортачил с экспортом/импортом, но я протестировал точно такую ​​же настройку локально в приложении Expo (то есть экспортировал компонент Test.native.js через идентичный индексный файл, только то, что они были помещены в один и тот же проект), и это сработало нормально.
Я думаю, это может быть что-то с компиляцией Babel или с «использованием строгого» директива, которая идет с ним...? Есть идеи?
Заранее спасибо!

Подробнее здесь: https://stackoverflow.com/questions/793 ... pm-package