Mock contexts on testing library

mockRender.js

import '__mocks__/broadcast'
import { ReactChildren, ReactChild } from 'react'
import { render } from '@testing-library/react'

import { GlobalStyles } from 'styles'

import { ToastContainer } from 'components/Toast'

import { AuthProvider } from 'contexts/AuthContext'
import { SidebarProvider } from 'contexts/SidebarContext'

function customRender(children: ReactChild | ReactChildren) {
  return render(
    <>
      <ToastContainer />
      <GlobalStyles />

      <AuthProvider>
        <SidebarProvider>{children}</SidebarProvider>
      </AuthProvider>
    </>
  )
}
export * from '@testing-library/react'
export { customRender as render }