36 lines
604 B
JavaScript
36 lines
604 B
JavaScript
import React, { useState, useEffect } from 'react';
|
|
import { useSSE, SSEProvider } from 'react-hooks-sse';
|
|
import './App.css';
|
|
import EventList from '../eventList/EventList.js';
|
|
|
|
|
|
import './App.css';
|
|
|
|
|
|
const Component = () => {
|
|
const event = useSSE('log-entry')
|
|
const [events, setEvents] = useState([])
|
|
|
|
useEffect(() =>{
|
|
console.info(event);
|
|
if (event) {
|
|
setEvents([event, ...events]);
|
|
}
|
|
}, [event])
|
|
return <EventList data={events} />
|
|
}
|
|
|
|
function App() {
|
|
return (
|
|
|
|
<SSEProvider endpoint="/events" >
|
|
<Component />
|
|
|
|
|
|
</SSEProvider>
|
|
|
|
)
|
|
}
|
|
|
|
export default App;
|