React Native 遷移ができない

React Nativeのバージョンはreact@18.2.0です。

npm install react-router-native

を実行後、以下のソースコードを書いたのですが何も表示されません。

プロジェクト作成後の初期画面は表示されていました。

ボタンを表示し遷移をする方法を教えてください。

App.tsx

import * as React from "react";
import { NativeRouter, Route, Link } from "react-router-native";
import Home from "./src/Home";

function App() {
  return (
    <NativeRouter>
      <Route path="/" Component={Home} />
    </NativeRouter>
  );
}

export default App;

sec/Home/index.tsx

import React from "react";
import { View, Text, Button } from "react-native";
import { Link } from "react-router-native";

const Home = () => {
  return (
    <View>
      <Text>Home Screen</Text>
      <Link to="/">
        <Button title="Index" />
      </Link>
    </View>
  );
};

export default Home;

よろしくお願いします。