react-albus Migration to React 16.x context

Hello, thanks for the great library.

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

Mar 12 '19 08:03 RusinovAnton

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.