Fragmento de código Rightbar.jsx:

 import "./rightbar.css" import {Users} from "../../dummyData" import Online from "../online/Online"; import { useEffect, useState, useContext } from 'react'; import axios from 'axios'; import { AuthContext } from "../../context/AuthContext"; import { Link } from "react-router-dom"; import { Add, Remove } from "@material-ui/icons"; export default function Rightbar({ user }) { const PF = process.env.REACT_APP_PUBLIC_FOLDER; const [subscriptions, setSubscriptions] = useState([]); const { user: currentUser, dispatch } = useContext(AuthContext); const [followed, setFollowed] = useState( currentUser.followings.includes(user?.id) );

Error:

He visto problemas similares aquí y he probado varias soluciones con la instalación del cargador de archivos y la creación de un archivo webpack.config.js. Aunque ninguna de las soluciones ha parecido funcionar. Estoy usando npm en lugar de hilo. ¡Cualquier ayuda sería apreciada!