SendNotetaker component

The SendNotetaker component provides a user-facing option to send a Notetaker bot to a meeting by entering its URL. This is useful when users want to record a meeting that’s already in progress.

You need to set up a provider before you can use the SendNotetaker component.

Using the SendNotetaker component

import React, { useEffect } from "react";
import { SendNotetaker, provider as useProvider } from "@nylas/react";
// import '@nylas/react/style.css' // to style the component

function App() {
  const provider = useProvider();
  useEffect(() => {
    // Necessary to set before using the component
    provider.setAccessToken("nylas-access-token");
    provider.setApiUrl("eu"); // can be "us" or "eu", defaults to "us"
  }, []);

  return (
    <SendNotetaker
      showNameInput={true}
      showAdvancedSettings={false}
      className="custom-send-notetaker"
      onSend={(data, resetForm) => {
        console.log("Notetaker sent:", data);
        // Optionally reset the form after sending
        resetForm();
      }}
      onError={(error) => console.error("Send error:", error)}
    />
  );
}


export default App;

SendNotetaker properties

Property	Type	Description
className?	string	One or more additional class names for the container element.
onError?	(error: any) => void	A callback generated when an error occurs during the send operation.
onSend?	(data: Notetaker, resetForm: () => ...) => void	A callback generated after a successful send operation.
showAdvancedSettings?	boolean	Display the Advanced Settings section.
showNameInput?	boolean	Display the name input field.

sendNotetakerStore

This interface describes a Zustand store, an advanced state management React solution. This is intended for advanced use only – the Notetaker components will work without using this store directly.

The interface for the SendNotetaker component state store. sendNotetakerStore manages all form data and UI state information for the component.

import { SendNotetaker, sendNotetakerStore } from "@nylas/react"

export default function App() {
  const store = sendNotetakerStore();
    useEffect(() => {
      store.setName("ExampleName")
    }, [])

  return (
    <div>
      <SendNotetaker />
    </div>
  )
}

sendNotetakerStore properties

advancedSettings

Description	Display the Advanced Settings section.
Type	boolean
Default	false

date

Description	The date on which the Notetaker bot will join the meeting.
Type	string

handleSubmit

Description	Handles form submission and sending information to the Notetaker API.
Type	(onSend?: (data: ..., resetForm: ...) => ..., onError?: (error: ...) => ...) => void

isLoading

Description	Indicates that the component is loading or submitting the form.
Type	boolean
Default	false

meetingLink

Description	The URL that Notetaker will use to join the meeting.
Type	string

name

Description	The name of the Notetaker bot. This is displayed in the meeting provider UI.
Type	string

reset

Description	Resets all form fields and the store to their default values.
Type	() => void

selectedRecordingTypes

Description	A list of selected recording types (video, audio, or transcript).
Type	RecordingType[]

setAdvancedSettings

Description	Sets the visibility of the Advanced Settings section.
Type	(show: boolean) => void

setDate

Description	Sets the date on which the Notetaker bot will join the meeting.
Type	(date: string) => void

setIsLoading

Description	Sets the loading state.
Type	(isLoading: boolean) => void

setMeetingLink

Description	Sets the meeting link.
Type	(meetingLink: string) => void

setName

Description	Sets the name of the Notetaker bot.
Type	(name: string) => void

setSelectedRecordingTypes

Description	Sets the selected recording types.
Type	(types: RecordingType[]) => void

setTime

Description	Sets the time at which the Notetaker bot will join the meeting.
Type	(time: string) => void

time

Description	The time at which the Notetaker bot will join the meeting.
Type	string

toggleRecordingType

Description	Toggles the specified recording type on or off.
Type	(type: RecordingType) => void