Estoy trabajando en un proyecto Next.js y allí necesito leer datos usando una api y para eso he creado 1 ruta api en el directorio /pages/api y esa Api está usando una función de `/store/manipulate.js ' y he importado esa función en particular en mi archivo de ruta api, pero cuando solicito en esa ruta api me da un error.

Entonces, el componente a continuación solicita datos en esa ruta api.

Página de inicio.jsx

 import axios from 'axios' import { useEffect, useState } from 'react' import EventList from '../components/events/EventList' const HomePage = () => { const [featuredEvents, setFeaturedEvents] = useState([]) useEffect(() => { (async () => { const res = await axios.get('/api/getfeaturedevents') if (res.status(200)) { console.log(res.data) setFeaturedEvents(res.data) return } console.log(res.status) })() }, []) return ( <div> <h1> The Home Page. </h1> <EventList items={featuredEvents} /> </div> ) } export default HomePage

Ahora, el código que se muestra a continuación es el código del archivo de ruta API

getFeaturedEvents.js

 import { fetchFeaturedEvents } from '../../store/manipulate' const getFeaturedEvents = (req, res) => { if (req.method === 'GET') { try { const data = fetchFeaturedEvents() res.send(data) } catch (error) { console.log(error) res.status(500).send() } } } export default getFeaturedEvents

Ahora, echemos un vistazo a manipular.js que solo actualizará store.json presente en la misma carpeta.

manipular.js

 const path = require('path') const fs = require('fs') const readData = () => { const data = JSON.parse(fs.readFileSync(path.join(__dirname, 'store.json'))) return data } export const fetchFeaturedEvents = () => { let data = readData() const result = data.filter(event => event.isFeatured) return result }

Ahora, el error que estoy recibiendo es...