I know this has something to do with a problem with the function binding to the wrong "this" but I can't figure out how to fix it. I had this issue in the useState call but fixed that by following the advice from this post, but the advice given for the .toLocaleString in the useEffect is not working. I don't know how to resolve this. Here is my code

import "./styles.css";
import React, { useState, useEffect } from "react";

export default function DateTime(props) {
  const [getTime, setTime] = useState(() => new Date().toLocaleString());

  useEffect(() => {
    setInterval(() => {
      setTime(new Date().toLocaleString);
    }, 1000);
  });
    return (<div className="App">{getTime}</div>);
}