【hookのエラー】React, expoのNotificationをstateで設定しています。

Question

Expoで通知アプリを作っています。
triggerで毎週8時15分に通知をする設定で、曜日を数字で指定できるようにしたいので、曜日の欄にstateを挿入して、textInputを書いたのですが、以下のエラーが発生しました。

triggerの曜日にstateを挿入して、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,
  }),
});

const [number, setNumber] = useState();

const content = {
  title: 'ゴミ出しの時間です！',
}

const trigger = {
    repeats : true,
    hour: 8,
    minute: 15,
    weekday: number,
}

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

export default function HomeScreen() {
  return (
    <View style={styles.container}>
        <View style={styles.GomiList}>
          <GomiList title="燃えるごみ"/>
        </View>
        <View style={styles.GomiList}>
          <GomiList title="燃えないごみ"/>
        </View>
        <View>
          <TextInput
          style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
          onChangeText={newNumber => setNumber(newNumber)}
          />
          <Text>number</Text>
        </View>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
  },
  GomiList: {
    paddingTop: 20,
    alignItems: 'center',
  },
});

Answer 1

useStateなどのHookは、関数コンポーネントの内部に記述します。

const TestComponent = ()=>{
  const [value,setValue] = useState(0);
  return (
  <View>
    <Text>{value}</Text>
    <Button onPress={()=>setValue(value+1)}>count up</Button>
  </View>
)}