In a certain file, I have defined an object with the following structure:
export const items = {
first: false,
second: false,
third: false
}
Within a component, I am using this object as shown below:
import { items } from 'file';
const [elements, setElements] = useState(items);
When a button is clicked, a method is called to update all values in elements to true.
Although the statement below successfully changes the values, it does not trigger a re-render of the component (which is necessary):
Object.keys(elements).forEach(element => elements[element] = true);
What is the correct way to use setElements to update all values in elements?