'use client'
import React, { useContext } from 'react';
import AppContext from './app_context';
export default function ContextCC({ children, data }: { children: React.ReactNode, data: string }) {
const sharedData = {
sharedMessage: data,
}
return (
<AppContext.Provider value={sharedData}>
<div>
<p> This is a client component - {sharedData.sharedMessage} </p>
{ children }
</div>
</AppContext.Provider>
);
}
'use client'
import React, { useContext } from 'react';
import AppContext from './app_context';
export default function ContextCC({ children, data }: { children: React.ReactNode, data: string }) {
const sharedData = {
sharedMessage: data,
}
return (
<AppContext.Provider value={sharedData}>
<div>
<p> This is a client component - {sharedData.sharedMessage} </p>
{ children }
</div>
</AppContext.Provider>
);
}