Custom / Position

[mweel1]

Is this supposed to work?

The position isn't taking.

const success = (message: string) => {
    toast.custom((t) => {
      t.position = "bottom-center";
      return (
        <Toast type="success">
          <>{message}</>
        </Toast>
      );
    });
  };

It doesn't seem to.

[timolins]

No, this won't work.

You can pass the position as second argument.

toast.custom("Custom", {
  position: "bottom-center"
})

If you are trying to render custom content inside a success toast, there is no need for toast.custom(). You could do this:

toast.success(<h1>Custom Content</h1>, {
  position: "bottom-center"
})