Unable to debug JS in playground on main branch #13545
Description
Problem Description
Facing a similar issue as described in #13543, however this is occurring in main (which is currently on [email protected]). Hit this issue when trying to debug a TextInput to investigate #13515. I am not able to hit any of the breakpoints that I have set within the Javascript app code. This issue was also repro'd on a separate machine with the same dependencies.
Steps To Reproduce
- Insert code sample from below into simple.tsx in playground
- Set a breakpoint within one of the event handlers
- Launch playground and interact with the component to trigger handler
- Breakpoint is not triggered
Expected Results
Breakpoint should be hit.
CLI version
npx react-native -v
Environment
npx react-native infoCommunity Modules
No response
Target Platform Version
None
Target Device(s)
No response
Visual Studio Version
Visual Studio 2022
Build Configuration
Debug
Snack, code example, screenshot, or link to a repository
import React from 'react';
import {AppRegistry, TextInput, View} from 'react-native';
export const Bootstrap: React.FunctionComponent<{}> = () => {
const [text, onChangeText] = React.useState('Useless Text');
return (
<View
accessible={true}>
<TextInput
onChangeText={onChangeText}
value={text}
onChange={() => {
console.log('onChange activated')
}}
onKeyPress={(e) => {console.log(e.nativeEvent)}}
/>
</View>
);
}
AppRegistry.registerComponent('Bootstrap', () => Bootstrap);