Issues with some type of Map keys

[arthurdenner]

Hi! 👋

Problem

We added support for Map a while ago, but there are some issues with it when you set a key to be an object or a function.

When it's a function, it renders empty and we get a warning from React about children being of type function. When it's an object, it breaks because children can't be an object.

Demo

https://codesandbox.io/s/staging-worker-wrhqp

Solution

I'm not sure about what the expected output should be in this case, but if you want to, we can add a method to stringify object and functions, like:

getCustomName(name: any) {
  if (typeof name === 'object') {
    let customName: string

    try {
      customName = JSON.stringify(name)
    } catch (e) {
      customName = String(name)
    }

    return customName
  }

  if (typeof name === 'function') {
    return '' + name
  }

  return name
}

The output to the failing logs on the demo would be:

[samdenty]

proposed solution looks good, prs open