Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Apr 30 19:33

    dependabot[bot] on npm_and_yarn

    chore(deps): bump ssri in /exam… (compare)

  • Apr 30 19:33
    dependabot[bot] labeled #1623
  • Apr 30 19:33
    dependabot[bot] opened #1623
  • Apr 29 20:08

    dependabot[bot] on npm_and_yarn

    chore(deps): bump ssri from 6.0… (compare)

  • Apr 29 20:08
    dependabot[bot] labeled #1622
  • Apr 29 20:08
    dependabot[bot] opened #1622
  • Apr 25 06:37
    theKashey commented #1287
  • Apr 24 15:52
    songz commented #1287
  • Apr 24 15:51
    songz commented #1287
  • Apr 17 22:56
    theKashey commented #1621
  • Apr 17 20:22
    kud commented #1621
  • Apr 17 06:13
    theKashey commented #1621
  • Apr 15 10:38
    kud commented #1621
  • Apr 15 10:34
    kud opened #1621
  • Mar 31 03:56
    fireairforce commented #1323
  • Mar 30 19:28
    dependabot[bot] labeled #1620
  • Mar 30 19:28
    dependabot[bot] opened #1620
  • Mar 30 19:28

    dependabot[bot] on npm_and_yarn

    chore(deps): bump y18n from 3.2… (compare)

  • Mar 30 19:27
    dependabot[bot] labeled #1619
  • Mar 30 19:27
    dependabot[bot] opened #1619
Morgan Moskalyk
@moskalyk
Curious, what's the difference between this and React.Lazy imports? Also, is there a way to download React Components (or Webpack Builds) with HTTP, then import them into the module in real time with react-hot-loader?
binyata
@binyata
can react hot loader keep the current redux state (on webpack dev server) when you run a hard refresh?
Zack Jackson
@ScriptedAlchemy
Depends on how states are stored. Hot usually wraps the connect function which can flush state, though I’ve not had many issues before.
Prakash Borkar
@zeoneo

Hi guys I am having trouble using react-hot-loader. Hot loading works but it is kind of doing full reload even if leaf node changed. Here's my code

Changes:

  1. Start webpack-dev-server with hot:true

  2. Patch top level entry with hot

app1.js


    import { hot } from 'react-hot-loader/root';
    import App from './containers/App';
    export default hot(App);

app.js --Main entry


    import 'babel-polyfill';

    import React from 'react';
    import ReactDOM from 'react-dom';
    import { Provider } from 'react-redux';
    import { Route } from 'react-router';
    import { BrowserRouter } from 'react-router-dom';


    // Import root app
    import App from './app1';

    import configureStore from './store';

    const render = () => {
      ReactDOM.render(
        <Provider store={configureStore()}>
          <BrowserRouter>
            <Route component={App} />
          </BrowserRouter>
        </Provider>
        , document.getElementById('app')
      );
    };

    render();
Prakash Borkar
@zeoneo
anyone who can help me here?
@theKashey ?
Tony Jin
@jsveron23
Did you apply on babel? or webpack.
AoDev
@AoDev
Hello everyone, I've updated react-hot-loader from v3.1.3 to v4.6.5. Everything was working fine before but now I have a strange case where in many instances, the updates are not applied immediately. Instead the changes are applied like this:
changeCode1 --> No visible update
changeCode2 --> Component/DOM updated with changeCode1
changeCode3 --> Component/DOM updated with changeCode2
...
In rare occasions, it does seem to be able to apply the changes as expected. But in most cases there is this strange "delay".
Any idea? help greatly appreciated : )
Anton Korzunov
@theKashey
@AoDev - some components dont want to be redrawn. Known issue, which "was fixed". Please create an issue.
@zeoneo - should work. Create an issue with a bigger example please.
Daniel Netzer
@DanielNetzer
let's give it a shot
is there a way to exclude certain modules from react-hot-loader?
i'm using docz that use react-hot-loader under the hood, and when I try to plugin another module the entire thing fail
at this line of code
(function () {
  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule;
  enterModule && enterModule(module);
})();
with the following error:
ReferenceError: module is not defined
Ryan J. Peterson
@rpeterson
Okay, so I am getting a strange error when setting things up that I can't seem to figure out WHY it's happening.
react-hot-loader.production.min.js:1 React-Hot-Loader: misconfiguration detected, using production version in non-production environment.
I am setting NODE_ENV and have it wired up using .babelrc as described in latest docs.
Bram Van der Sype
@Brammm
Is there still documentation somewhere from pre 4.6 when the syntax changed? I've inherited an older project that still uses react-hot-loader with v4.0. The syntax they're using is export default hot(module)(withRouter(App));, but when building production, I get an error that e is not a function (I'm guessing it's because the code isn't checking if hot reloading is actually needed. (disclaimer: I'm very new to frontend development/react/webpack so this issue is probably PEBKAC related).
AAAAAND I've just noticed this channel is pretty dead :joy:
KAMi KZ
@kamikz85_twitter
image.png
hi there, I am getting the hot-update.json but nothing changes on the page.
{
  "presets": [
    "@babel/preset-react",
    "@babel/preset-typescript",
    [
      "@babel/env",
      {
        "targets": {
          "browsers": ["last 2 versions", "safari >= 7"]
        }
      }
    ]
  ],
  "plugins": [
    "react-hot-loader/babel",
  ],
}
And where my entry point looks like this:
import { hot } from "react-hot-loader/root";
import * as React from "react";
import { render } from "react-dom";
import LabTest from "./LabTest";

// delete AppContainer.prototype.unstable_handleError;
const App = () => (
  <div>
    whatever it might be<LabTest />
  </div>
);
const Hotted = hot(App);
render(<Hotted />, document.querySelector("#app"));
Could anyone shed some light ?
pm
@jineshpm_twitter
hello all , if i am running the latest create-react-app with npx and after the installation, npm started , but in the browser it shows one error like "Uncaught SyntaxError: Unexpected token...". i think that it is babel related issue, how can i solve this . latest node version is using.
rmawatson
@rmawatson
hello, what exactly does "react-hot-loader/babel" do in my .babelrc
I created an App with a simple counter state, and tried with/without "react-hot-loader/babel", and it appears to work the same
if I add new components to the app, they are added and the state is kept
so I'm confused what the babel bit is for
Constantine Genchevsky
@constgen
@kamikz85_twitter import { hot } from "react-hot-loader/root"; is designed to wrap only exported modules as it returns export optimized decorated component with subscription on hot updates. That's why it mustn't be used as a higher order function in the middle of the code. So you need to split your code to 2 parts. index.jsx and hot-entry.jsx, where the last exports export default hot(App). And don't forget to apply patch at the very beginning of index.js. I don't know if it will confuse you more or help but I always do it like this: https://github.com/constgen/constgen-neutrino/blob/master/packages/react-launcher/launcher/launcher.js
Tushar Barate
@tushar32

Hi I receive [0] Error: The NODE_ENV environment variable is required but was not specified.

When I run nodemon server-dev.js

I am using create react app inject webpack
hasayake
@seewhite
hello all, react-hot-loader with React.lazy not working
Have you encountered a similar situation?
Cristian Navarrete
@cristiancs

Hi, i have a problem with hot reload, im using a custom webpack config, the problem is:

First request is ok

http://localhost:9000/js/0cecdb58c1456db106c0.hot-update.json

But then it calls

http://localhost:9000/js/0cecdb58c1456db106c0.hot-update.json

And this url gives 404 (0ce... is the old build hash)

And this forces full refresh, im not really sure from where the error comes.

Rohitbels
@Rohitbels
Hi
React Hot loader is loading reloading the entire nested route
any idea what I am doing wrong?
captain
@CaptainWild
Hi, everyone, now I am gonna implement react-hot-loader, but it is not working well. I think I need some help with this, pls help me.
I have got this error message.
react-hot-loader.development.js:2375 React-Hot-Loader: react-🔥-dom patch is not detected. React 16.6+ features may not work.
captain
@CaptainWild
@theKashey Hello, can you help me?
captain
@CaptainWild
image.png
When "App hot updated", I have got this error. pls let me know how I can fix this issue.
Michael Vittiglio
@michael.vittiglio_gitlab
Hey cool kids! I'm running into a strange behavior where the code that is generated as middleware in my react app is not being evaluated because in the environment (development) index.js:30 React-Hot-Loader is not supported in this environment: false,evalis not allowed(Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of script in the following Content Security Policy directive: "script-src 'self'".
I already had to address this with webpack in development mode by setting devTools to "source-maps" but I'm not sure if there's an equivalent for RHL
Michael Vittiglio
@michael.vittiglio_gitlab
nevermind, looks like the "easy" fix was to switch to the 'react-refresh-webpack-plugin'
angus
@dangus21
hello everyone! i'm having an issue where my HMR goes into an infinite loop unless i do a hard reload of the page.. anyone had this issue? how'd you fix it? using "react-hot-loader": "4.12.6",
dkozik
@dkozik

Hello! Could you please help me?
I trying to enable react-hot-reloader in my project and getting only one reload, second reload erasing my components from mount point - that my problem.

React application starting in angular component (task requirements).

How can i debug reason why it stucks to empty at second hot reload?

looks like chat is dead..
Ankush Lomte
@toAnkush_twitter
Hey, Can you please help me? I'am getting this error after react-hot-loader configuring for my project >>> TS2304: Cannot find name 'reactHotLoaderGlobal'.
Ghost
@ghost~52d5532bed5ab0b3bf053fed
helloo is the hot reloading still being maintained?