expoのNotificationRequestInputの引数の設定がわからない【TransformError SyntaxError】

Question

Expoで通知アプリを作っています。
triggerで毎週木曜日9時3分に通知をする設定を作ったのですが、以下のエラーが表示されました。

TransformErrorSyntaxError: /Users/user/Development/GomiApp/screens/HomeScreen.js: Unexpected token, expected ";" (16:44)

実現したいこと

scheduleNotificationの引数として、NotificationRequestInputを使うべきというアドバイスを受けたので、挿入したのですが、引数の挿入方法がDocumentに書かれておらず、調べてもわかりませんでした。
ご教示いただけると嬉しいです。

以下、現在の引数の書き方です。

export interface NotificationRequestInput {
  identifier: string;
  content: NotificationContentInput;
  trigger: NotificationTriggerInput;
}

Notifications.scheduleNotificationAsync();

・
・

以下、HomeScreen全文です。

import { StatusBar } from 'expo-status-bar';
import React from 'react';
import GomiList from "../components/GomiList";
import { StyleSheet, Text, View } from 'react-native';

import * as Notifications from 'expo-notifications';

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

export interface NotificationContentInput {
  title: 'ゴミ出しの時間です！';
};

export interface NotificationTriggerInput {
  type: 'calendar';
  repeats: true;
  dateComponents: {
    hour: 9;
    minute: 3;
    weekday: 4;
    calendar: Calendar.current;
  },
};

export interface NotificationRequestInput {
  identifier: string;
  content: NotificationContentInput;
  trigger: NotificationTriggerInput;
}

Notifications.scheduleNotificationAsync();

export default function HomeScreen() {
  return (
    <View style={styles.container}>
        <View style={styles.GomiList}>
          <GomiList title="燃えるごみ"/>
        </View>
        <View style={styles.GomiList}>
          <GomiList title="燃えないごみ"/>
        </View>
    </View>
  );
}

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

Answer 1

実行したいのは下記のような処理でしょうか？

Notifications.scheduleNotificationAsync({
  content: {
    title: 'ゴミ出しの時間です！',
  },
  trigger : {
    repeats : true,
    hour: 9,
    minute: 3,
    weekday: 4,
  }
});

だとすれば下記のようにすれば動くと思いますが、
そもそもこのソースはTypescriptでしょうか？(interfaceの記述が出ているため)

//export interface NotificationContentInput {
//  title: 'ゴミ出しの時間です！';
//};
const content = {
  title: 'ゴミ出しの時間です！',
}

//export interface NotificationTriggerInput {
//  type: 'calendar';
//  repeats: true;
//  dateComponents: {
//    hour: 9;
//    minute: 3;
//    weekday: 4;
//    calendar: Calendar.current;
//  },
//};
const trigger = {
  repeats : true,
  hour: 9,
  minute: 3,
  weekday: 4,
}

//export interface NotificationRequestInput {
//  identifier: string;
//  content: NotificationContentInput;
//  trigger: NotificationTriggerInput;
//}

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

Comments

[ok09]

お返事遅れてすみません！
ありがとうございます！

typescriptではないと思います。いまいち見分け方がわかりませんが、expoをライブラリに作るときに、
expo init とだけターミナルに入力しました。expo init typescript-projectとはしていません。

documentを参考に使っただけで、ご提示いただいたソースを用いたら正常に動きました。

本当にありがとうございます！！！