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"
})