Migration to React 16.x context

RusinovAnton commented 5 years ago

Hello, thanks for the great library.

Is it planned to migrate to the latest React versions, especially using stable context API?

cheungpat commented 4 years ago

As for React 16.x context, I created my own WizardContext which allows my code to get the albus context via the new 16.x API:

// WizardContext.tsx
import React from "react";
import PropTypes from 'prop-types';
import { WizardContext as AlbusContext } from 'react-albus';

export const WizardContext = React.createContext<AlbusContext>(
  {} as AlbusContext
);

export const WizardProvider: React.FC = ({children}, context) => {
  return (
    <WizardContext.Provider value={context.wizard}>
      {children}
    </WizardContext.Provider>
  );
};

WizardProvider.contextTypes = {
  wizard: PropTypes.object
};

Then in the wizard tsx:

import { WizardProvider } from './WizardContext';
// ...
<Wizard>
  <WizardProvider>
    <Steps>
// ...

Then in a child component tsx:

import { WizardContext } from '../contexts/WizardContext';
// ...
  const {
    next
  } = useContext(WizardContext);
// ...
  <button onClick={next}>Next</button>

Hope this helps. Still hoping 16.x context support will be added soon.