مشكلة ايقاف للـ interval في React Native

import React from 'react';
import { Text, View } from 'react-native';

const useTypewriter = ({ text, time }) => {
	const [typewriter, setTypewriter] = React.useState('');
	const [index, setIndex] = React.useState(0);

	React.useEffect(() => {
		const interval = setInterval(() => {
			if (index == text.length) {
				clearInterval(interval);
			}

			setTypewriter(typewriter + text[index]);
			setIndex(index + 1);
		}, time);

		// قم بالمسح في حالة قام المكون بالخروج في وقت باكر
		return () => clearInterval(interval);
	}, [typewriter, index]);

	return typewriter;
};

function App() {
	const typewriter = useTypewriter({
		text: 'Welcome!',
		time: 200
	});

	return (
		<View style={{ padding: '20px' }}>
			<Text style={{ fontSize: '22px' }}>{typewriter}</Text>
		</View>
	);
}

أحاول إنشاء كاتبه لتكتب احرف الكلمة حرف بحرف، ولكنها لا تتوقف..