react_monday_boost_sdk_context_initialization_quickstart.ts

1import React, { useEffect, useState } from 'react';
2import mondaySdk from 'monday-sdk-js';
3import { MondayBoostProvider } from 'react-monday-boost-test';
4
5const monday = mondaySdk();
6
7const AppContent: React.FC = () => {
8  const [context, setContext] = useState<any>(null);
9
10  useEffect(() => {
11    monday.listen('context', (res) => {
12      setContext(res.data);
13    });
14  }, []);
15
16  return (
17    <div style={{ padding: '20px' }}>
18      <h1>Hello, Monday Boost!</h1>
19      {context ? (
20        <p>Connected to board: {context.boardId}</p>
21      ) : (
22        <p>Loading context...</p>
23      )}
24    </div>
25  );
26};
27
28const App: React.FC = () => {
29  return (
30    <MondayBoostProvider>
31      <AppContent />
32    </MondayBoostProvider>
33  );
34};
35
36export default App;