blob: 3fd50eabe2dc0ecd22021c77a350e8f6271322a2 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
import React from 'react';
import useSSE from './useSSE';
import DataDisplay from './DataDisplay'; // Import the DataDisplay component
const Path = () => {
const { data: sseData, error } = useSSE('http://localhost:8000/data_stream');
const data = sseData ? sseData.route : null;
return (
<div className="text-white">
{error && <p>Error: {error}</p>}
{data ? <DataDisplay data={data} /> : <p>Loading data...</p>}
</div>
);
};
export default Path;
|