highlander08

/* eslint-disable no-console */
/* eslint-disable react-hooks/exhaustive-deps */
import { useState, useEffect } from "react";

export const useLocalStorage = <T>(key: string, initialValue: T) => {
  const [storedValue, setStoredValue] = useState<T | undefined>();

  const setValue = (value: T) => {
    window.localStorage.setItem(key, JSON.stringify(value));
  };

highlander08

// Providing Context
// ==================

import React, {useState, useEffect} from "react"

const Context = React.createContext()

function ContextProvider({children}) {
    const [allPhotos, setAllPhotos] = useState([])
    const [cartItems, setCartItems] = useState([])

highlander08

import { useState } from "react";
import "./App.css";

type TypographyProps = {
  children: React.ReactNode;
  size?: "small" | "large";
};

type ParagraphProps = {
  color: string;

highlander08

import { STATE, useUsers } from '@/state/user';
import { useEffect } from 'react';

const UserList = () => {
  // STEP 4: useUser to get data from state and actions
  const { users, actions } = useUsers();
  const { removeUser, fetchUsers, resetUser } = actions;

  useEffect(() => {
    // if you want to get the newest users every time, otherwise the cache will be used