App.js

import React from "react";
import { useRecoilValue, atom } from "recoil";

const todoListState = atom({
  key: "todoListState",
  default: ["Apples", "Eggs", "Butter"],
});

function App() {
  const todoList = useRecoilValue(todoListState);
  return (
    <>
      {todoList.map((item) => (
        <li key={item}>{item}</li>
      ))}
    </>
  );
}

export default App;