f5683b0a64
When defining custom providers as server components, they currently do not receive any of the server props that custom components expect to receive, like `payload`, `i18n`, `user`, and so on.
31 lines
638 B
TypeScript
31 lines
638 B
TypeScript
'use client'
|
|
|
|
import React, { createContext, useContext, useState } from 'react'
|
|
|
|
type CustomContext = {
|
|
getCustom
|
|
setCustom
|
|
}
|
|
|
|
const Context = createContext({} as CustomContext)
|
|
|
|
export const CustomProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
|
|
const [getCustom, setCustom] = useState({})
|
|
|
|
const value = {
|
|
getCustom,
|
|
setCustom,
|
|
}
|
|
|
|
return (
|
|
<Context.Provider value={value}>
|
|
<div className="custom-provider" style={{ display: 'none' }}>
|
|
This is a custom provider.
|
|
</div>
|
|
{children}
|
|
</Context.Provider>
|
|
)
|
|
}
|
|
|
|
export const useCustom = () => useContext(Context)
|