Outdated `use-latest-callback` dependency causes type error

[rsmidt]

Current behaviour

When trying to use a simple FAB.Group, a type error is emitted because of the "use-latest-callback" dependency:

Warning: TypeError: 0, _useLatestCallback.default is not a function (it is undefined)

This error is located at:
    in CardComponent (created by FAB.Group)
    in RCTView (created by View)
    in View (created by FAB.Group)
    in RCTView (created by View)
    in View (created by FAB.Group)
    in RCTView (created by View)
    in View (created by FAB.Group)
    in RCTView (created by View)
    in View (created by FAB.Group)
    in RCTView (created by View)
    in View (created by FAB.Group)
    in FAB.Group (created by TeamActionsFab)
....

Seems like a simple dep

Expected behaviour

It should not throw a type error.

How to reproduce?

The component definition:

function TeamActionsFab({ teamId }: TeamActionsFabProps) {
  const [fabState, setFabState] = useState({ open: false });

  const onStateChange = ({ open }: { open: boolean }) => setFabState({ open });

  return (
    <Portal>
      <FAB.Group
        visible
        open={fabState.open}
        icon="plus"
        actions={[
          {
            icon: "calendar",
            label: i18n.t("app.teams.actions.add_event"),
            onPress: () => console.log("Pressed add event"),
          },
        ]}
        onStateChange={onStateChange}
      />
    </Portal>
  );
}

Preview

What have you tried so far?

There's a similar issue in react-navigation: react-navigation/react-navigation#12056.
I've tried the steps laid out there (changing resolution, manually installing a newer version, ...), but nothing worked out.

What actually worked is manually overriding the dependency in the package.json:

  "overrides": {
    "use-latest-callback": "^0.2.3"
  }

If it's just a matter of bumping the version, I can prepare a PR.

Your Environment

software	version
ios	x (not used yet)
android	35
react-native	0.76.5
react-native-paper	5.12.5
node	22.11.0
npm or yarn	npm (10.9.0)
expo sdk	52.0.19

[BogiKay]

Hey @rsmidt, this issue is not related to the paper package itself, but it may happening because npm resolves packages in different way if major version is 0, so I'll update dep to 0.2 to prevent using broken version.

[shahzaib-cmyk]

Did anyone have any luck with this? I'm not able to use react native paper v5 because of this exact bug in my app. I use expo router. Even the overrides key didn't help although I added the key only and didn't have the package installed separately when I did it.

using pnpm in turborepo monorepo btw

[shahzaib-cmyk]

For anyone using pnpm, you can set it like this
"pnpm": { "overrides": { "use-latest-callback": "^0.2.3" } }
This will go in you projects package.json, or the root package.json if using a monorepo like I was.
Other than that this seems like a pretty big issue. Hoping it's solved soon.

[daniel112]

Hey @rsmidt, this issue is not related to the paper package itself, but it may happening because npm resolves packages in different way if major version is 0, so I'll update dep to 0.2 to prevent using broken version.

when is this new update going live? it is still 0.1.5 on the main branch?

[SasquatchLV]

Yeah, same issue. Just updated react native to 0.79 and this came up - TypeError: 0, _useLatestCallback.default is not a function (it is undefined)

Specifically points to node_modules/react-native-paper/src/components/Card/Card.tsx

[M1chael30]

how to fix this error? i don't know how to fix this

[Roalkege]

Installing npm i @react-native-aria/utils solved it for me.

[zohaib-ahmad1020]

localhost:8081/index…pp.testing.uat:1170 Warning: TypeError: 0, _useLatestCallback.default is not a function (it is undefined)

This error is located at:
at Chip (http://localhost:8081/index.bundle//&platform=ios&dev=true&lazy=true&minify=false&inlineSourceMap=false&modulesOnly=false&runModule=true&excludeSource=true&sourcePaths=url-server&app=com.adgm.app.testing.uat:229907:25)