[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>
  );
}