Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

React / Reactstrap Warning: Legacy context API has been detected within a strict-mode tree

This is brand new install - I have not put any transitions on the Alert component

To replicate the code it is simple

import React from "react";
import { Alert } from "reactstrap";

export const Index = () => {
   return (
      <div>
         <Alert color='primary'>This is a primary alert — check it out!</Alert>
      </div>
   );
};

Error Msg: Please update the following components: Transition

enter image description here

How does one go about updating Transition or eliminating it all together?

like image 615
Michael Nelles Avatar asked May 07 '20 00:05

Michael Nelles


1 Answers

In the event that someone comes here on after searching the question and is looking for insight this is it.

React strap (at the time of this post) uses the react-transition-group things fade in and out and menus slide up and down. After amalgamating the info on this subject here and on Github they are currently updating the library. I have finished the coding of that component by ignoring the warning.

It did not impede this iteration of that component. Happy Coding.

like image 187
Michael Nelles Avatar answered Sep 27 '22 18:09

Michael Nelles