Uso espacios de trabajo de hilo y tengo 3 paquetes: aplicación, aplicación de electrones que usa reaccionar y compartido para todas las cosas comunes. Al importar compartido en la aplicación o electron, dice ese error en vscode: error

no se que hacer :/ probe de todo. y los archivos no son ts, sino js.

 import { View, StyleSheet, Text } from 'react-native'; import Header from 'shared/components/Header'; //const socket = new Socket("192.168.1.146", 8080, "http"); (async () => { //await socket.connect(); })(); const styles = StyleSheet.create({ screenContainer: { flex: 1 }, text: { fontSize: 20, color: 'cornflowerblue', marginTop: 50, alignSelf: 'center' } }); const App = () => { /*useEffect(() => { if (socket.getSocket() != undefined && socket.getSocket().connected) { socket.getSocket().disconnect(); } });*/ return ( <View styles={styles.screenContainer}> <Header /> <Text style={styles.text}>I'm a React Native component</Text> </View> ); }; export default App;

 import React from 'react'; import { View, Text, StyleSheet } from 'react-native'; const styles = StyleSheet.create({ header: { paddingTop: 50, backgroundColor: 'red' }, headerText: { fontSize: 22, color: 'white', fontWeight: 'bold', paddingHorizontal: 10 } }); const Header = () => { return ( <View style={styles.header}> <Text style={styles.headerText}>I'm a shared component.</Text> </View> ); }; export default Header;