[ERROR] TypeError

[nagayev]

TypeError: Cannot read property 'data-src' of undefined at react-awesome-slider/dist/index.js:1:20395 My code:

const [projects, setProjects] = React.useState([]);
  React.useEffect(() => {
    fetch("p.json")
      .then((data) => data.json())
      .then((data) => setProjects(data))
      .catch((err) => console.error(err));
  }, []);
  ...
    <AwesomeSlider className="slider">
      {projects.map((v, i) => {
        <Project data={v} key={i} />;
      })}
      <div>
        <Tiles />
      </div>
    </AwesomeSlider>

[trolit]

Make sure that you are binding each of your project video src to video src tag inside your Project component using props or however you prefer e.g.

export default function Project() {
  return (
    <div>
      <video
            style={{...}}
            controls
            src=  --> pathToVideo <--
          />
    </div>
  );
}