Go back to 'data' event in use-input

src/components/App.tsx

@@ -158,8 +158,8 @@ export default class App extends PureComponent<Props, State> {
 		if (isEnabled) {
 			// Ensure raw mode is enabled only once
 			if (this.rawModeEnabledCount === 0) {
-				stdin.addListener('readable', this.handleReadable);
 				stdin.setRawMode(true);
+				stdin.addListener('readable', this.handleReadable);
 			}
 
 			this.rawModeEnabledCount++;

src/hooks/use-input.ts

@@ -189,18 +189,10 @@ const useInput = (inputHandler: Handler, options: Options = {}) => {
 			}
 		};
 
-		const handleReadable = () => {
-			let data;
-			// eslint-disable-next-line @typescript-eslint/ban-types
-			while ((data = stdin.read() as string | null) !== null) {
-				handleData(data);
-			}
-		};
-
-		stdin?.on('readable', handleReadable);
+		stdin?.on('data', handleData);
 
 		return () => {
-			stdin?.off('readable', handleReadable);
+			stdin?.off('data', handleData);
 		};
 	}, [options.isActive, stdin, internal_exitOnCtrlC, inputHandler]);
 };

test/fixtures/exit-double-raw-mode.tsx

@@ -32,8 +32,8 @@ function Test() {
 
 const {unmount, waitUntilExit} = render(<Test />);
 
-process.stdin.on('readable', () => {
-	if (String(process.stdin.read()) === 'q') {
+process.stdin.on('data', data => {
+	if (String(data) === 'q') {
 		unmount();
 	}
 });