Using package react-transition-group

I am trying to add Transitiongroups (react-transition-group, https://reactcommunity.org/react-transition-group) to have a more smooth render when clicking on link,

When install the package using npm and add it to frontity.settings.js I am getting the following error:

  TypeError: Cannot convert undefined or null to object
      at Function.keys (<anonymous>)
      at getKeys (webpack-internal:///./node_modules/deepmerge/dist/umd.js:2:1009)
      at mergeObject (webpack-internal:///./node_modules/deepmerge/dist/umd.js:2:1282)
      at deepmerge (webpack-internal:///./node_modules/deepmerge/dist/umd.js:2:2056)
      at eval (webpack-internal:///./node_modules/@frontity/core/src/utils/merge-packages.ts:8:484)
      at Array.forEach (<anonymous>)
      at __webpack_exports__.default (webpack-internal:///./node_modules/@frontity/core/src/utils/merge-packages.ts:8:226)
      at __webpack_exports__.default (webpack-internal:///./node_modules/@frontity/core/src/server/store.ts:5:271)
      at eval (webpack-internal:///./node_modules/@frontity/core/src/server/index.tsx:47:68)
      at runMicrotasks (<anonymous>)

Any ideas on how to solve this?

Hey @phn can you provide a repo or a codesandbox reproducing the error you are facing? This way the community will be able to help you better.

1 Like

Hi @Pablo, thanks for the shout - The Repo can be found be here: https://github.com/pichichi91/hei-integration.ch

THe changes are avaialable at the following branch:

Hi @phn,

The repository you provide https://github.com/pichichi91/hei-integration.ch doesn’t seem to be available anymore

In order to provide the best possible help as quickly and as efficiently as possible, we recommend providing the info suggested here

The more info you provide about your issue the better.
Providing a repo or code-sandbox with your code is especially helpful to find solutions of technical issues with specific code

1 Like

Hi @juanma, I revoked the public access again as I was not expecting any more contributes in here. But the main problem was that I was adding the modules in frontity.settings.js, but I’ve read that in another thread in the community that it works perfectly in the package.json inside the template-package as I did with the following imports:

{
  "name": "@frontity/mars-theme",
  "version": "1.4.3",
  "description": "A starter theme for Frontity",
  "keywords": [
    "frontity",
    "frontity-theme"
  ],
  "homepage": "https://frontity.org",
  "license": "Apache-2.0",
  "repository": {
    "type": "git",
    "url": "https://github.com/frontity/frontity.git"
  },
  "bugs": {
    "url": "https://community.frontity.org"
  },
  "dependencies": {
    "@frontity/components": "^1.3.3",
    "@frontity/html2react": "^1.3.4",
    "frontity": "^1.9.0",
    "mailgo": "^0.9.15",
    "react-icons": "3.11.0"
  }
}