【Failed to schedule notification】React, expoのNotificationをstateで設定しています。

Question

Expoで通知アプリを作っています。
triggerで毎週9時3分に通知をする設定で、曜日を数字でtextinputで入力できるようにしたいのですが、以下のエラーが発生しました。

実現したいこと

TextInput で入力した曜日に、プッシュ通知が起こるようにさせたいです。
初心者で申し訳ないですが、ご教示いただけますと幸いです！よろしくお願いします！

以下、HomeScreen全文です。

import { StatusBar } from 'expo-status-bar';
import React, { useState } from 'react';
import GomiList from "../components/GomiList";
import { Text, View, StyleSheet, TextInput } from 'react-native';
import * as Notifications from 'expo-notifications';

Notifications.setNotificationHandler({
  handleNotification: async () => ({
    shouldShowAlert: true,
    shouldPlaySound: false,
    shouldSetBadge: false,
  }),
});

export default function HomeScreen() {
const [number, onChangeText] = React.useState('0');

const content = {
  title: 'ゴミ出しの時間です！',
}
const trigger = {
    repeats : true,
    hour: 9,
    minute: 3,
    weekday: number,
}

Notifications.scheduleNotificationAsync({
  content: content,
  trigger: trigger,
});

  return (
    <View style={styles.container}>
      <View style={styles.GomiList}>
        <GomiList title="燃えるごみ"/>
      </View>
      <View style={styles.GomiList}>
        <GomiList title="燃えないごみ"/>
      </View>
      <View style={styles.input}>
        <TextInput
        onChangeText={text => onChangeText(text)}
        value={number}
        style={styles.textInput}
        />
      </View>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    width: '100%',
    backgroundColor: '#fff',
  },
  GomiList: {
    paddingTop: 20,
    alignItems: 'center',
  },
  input: {
    top: 100,
    width:'100%',
    justifyContent: 'center',
    alignItems: 'center',
  },
  textInput: {
    width:'80%',
    height: 100,
    justifyContent: 'center',
    alignItems: 'center',
    borderTopWidth: 1,
    borderBottomWidth: 1,
    borderLeftWidth: 1,
    borderRightWidth: 1,
    fontSize: 25,
  },

});

Answer 1

エラーを見ると、「string型ではなくnumber型を渡してください」と言われている気がします。
ステートの初期化はnumber型でしてみてください。

const [number, onChangeText] = React.useState('0'); // string（'0'）ではなくnumber(0)

const content = {
  title: 'ゴミ出しの時間です！',
}
const trigger = {
    repeats : true,
    hour: 9,
    minute: 3,
    weekday: number, // ここにnumber型のデータがはいらないとエラーが起きる。
}

Comments

[ok09]

ご回答ありがとうございます。
textInputとの相性がよくないのか、どうやってもエラーが出るので別の方針で書くことにしました。
非常に助かりましたので、ベストアンサーにさせていただきます！