Javascript Uncaught ReferenceError: require is not defined

環境

Mac(M1, 2020)
vscode５

[概要]

素のjavascriptでtodoアプリを作成中
入力した値をローカルホストに保存するためにまずは
document.querySelector("li")で取得しようとしたところエラーが発生した

const { Save } = require("@material-ui/icons");

const form = document.getElementById("form");
const input = document.getElementById("input");
const ul = document.getElementById("ul");

form.addEventListener("submit", function (event) {
  event.preventDefault();
  add();
});

function add() {
 let todoText = input.value;
 if (todoText) {
  const li = document.createElement("li");
  li.innerText = todoText;
  li.classList.add("list-group-item");
  ul.appendChild(li);
  input.value = "";
  saveData();
  }
}

function saveData() {
  const lists = document.querySelector("li");
  console.log(lists);
}

ぶつかったエラー

Uncaught ReferenceError: require is not defined

翻訳・意味
Uncaught ReferenceError: require が定義されていません
script.js:1:18 で

やったこと

1.コードを見返していたら覚えのない
const { Save } = require("@material-ui/icons");を発見
2.削除

結果

解決できた
saveData（）;をSaveDataと打ち間違えた際にmaterial-uiが反応して生成されてしまった。