Maximum update depth exceeded.

[Loganwebb1994]

Ticket MUST be completed before getting help from an instructor

Name: Logan

Breakout Room: mine

Have you searched the other issue tickets? If not, do that first.

• [x] Yes
• If No, stop and search.

REQUIRED Add Tags to Issue Ticket and Assign to Project Board

• [x] Added to c46 Help-Thread project board
• [x] Added the Blocker label if this is stoping you from moving forward

REQUIRED Describe your issue:

I was trying to make a component to display a filtered list of stands. When I created the route to go back to the main page I got an error saying I have an infinite loop somewhere.

REQUIRED Copy/paste any error messages that appear:

REQUIRED What have you googled? (You must have at least 3 links related to your issue)

• [x] 1. I googled this error and found that it was an infinite loop causing the error
• [ ] 2.
• [ ] 3.

REQUIRED: What have you tried? Tell us everything you have tried.

I have tried looking through my code for errors but i didnt add any new use effects or state variables that would cause the loop

REQUIRED: Copy/paste link TO THE FILE on your branch that you are having issues with

https://github.com/Loganwebb1994/oh-deer/blob/LW-notes-addNote/src/components/stands/AvailableStands.js

Code Snippet

export const AvailableStands = () => {
  const history = useHistory()
  const { stands, getStands, getUserStands, userStands, getUsers } = useContext(StandContext)

  useEffect(() => {
    getUsers()
    }, [])

  useEffect(() => {
    getUserStands()
    .then(getStands())

  }, [])

  const filteredStands = stands.filter(stand => stand.availability === true)

  return (
  <>
  <button onClick={history.push("/")}>All Stands</button>
    <div className="standList">
      {
        filteredStands.map(stand => { let notesForStand = userStands.filter(userStand => userStand.standId === stand.id  )
          return <StandCard key={stand.id} stand={stand} relationships={notesForStand} />
        })
      }
    </div>
  </>
  )
}

[Loganwebb1994]

Also My page goes straight to my /available-stands path instead of defaulting to /

[Loganwebb1994]

you need () => before the history.push()