مشکل در استفاده از context در class

دوستان من در کامپوننت اصلی createContext رو انجام دادم و در کلاس کامپوننت خواستم استفاده کنم ولی هی خطا میده که مقدار دهی نشده !هزار با خود تمرین و سایت های مختلف خارجی هم گشتم جواب نگرفتم ..نمیفهمم یعنی چی انجام نمیشه:

import React,{Component} from 'react';
import {contexxs} from './index'

// برای این کلاس کامپوننت امتحان کردم جواب نداد هر کار کردم 
 class Roots1 extends Component{
  static contextType=contexxs;

  render(){

    return(
      <>
        <p>shoma {console.log(this.context)}</p>
      </>
    )
  }
}

export default Roots1;

این هم از کد در کلاس اصلی:

import React,{createContext} from 'react';
import ReactDOM from 'react-dom';
import Roots1 from './news'
import  as serviceWorker from './serviceWorker';
// Roots,
export let contexxs=createContext();
class Show extends React.Component{
  state={count:0}
  render(){
    return(
      <contexxs.Provider value={{name:'ali',family:'mohammady',done:'false'}} >
      <div className='container-main'>
        <Doss />
      </div>
      </contexxs.Provider>
    )
  }
}

function Doss(props){
  return(
    <>
    <Roots />
    </>
  )
}

ReactDOM.render(<Show />, document.getElementById('root'));