Does a react Context component with a provider only get mounted when the provider is mounted?

// ./FooContext.tsx
const FooContext = useContext()
export const FooProvider = () => {
  ...
  return (
    <FooContext.Provider value={...}>
      {children}
    </FooContext.Provider>
  )
}

// ./FooContext.tsx
const FooContext = useContext()
export const FooProvider = () => {
  ...
  return (
    <FooContext.Provider value={...}>
      {children}
    </FooContext.Provider>
  )
}

// ./SomeRandomComponent.tsx
import {FooProvider} from "./FooContext.tsx"
const SomeRandomComponent = () => {
  ...
  return (
  <FooProvider>
    ...
  </FooProvider>
  )
}

// ./SomeRandomComponent.tsx
import {FooProvider} from "./FooContext.tsx"
const SomeRandomComponent = () => {
  ...
  return (
  <FooProvider>
    ...
  </FooProvider>
  )
}