How can solve “Type ‘{}’ is not assignable to type ‘string'” problem

this my index.tsx file:

import React from "react";
import UserInput from "./userInput";

import {
  View,
  StatusBar,
} from 'react-native';


const App = ( ) => {
  return (
    <View>
      <StatusBar hidden/>
      <UserInput/>
    </View>
  );
};


export default App;

and this my userInput file:

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

const UserInput = ( text: string ) => {
  return (
    <View>
      <Text>
        { text }
      </Text>
    </View>
  );
};

export default UserInput;

my problem on index.tsx file on tag
this tag i made it has 1 param. I cant give a value to it.

I google it but i cant find any answer.